body{ margin:0px; padding:0px; font-size:15px; outline:none !important;font-family: 'Raleway', sans-serif; font-weight:500;background: url(../images/bg-img.png);}


/*header*/
::selection{ background-color:#1b8ec5; color:#fff;}
.first_view{
	margin-top:-14px!important;
}
.section-navigation-design{ background-color:#be9458; padding:0px 0px; padding-bottom:0px; width:100%;box-shadow: 0px 0px 10px #959595; float:none; display:inline-block; text-align:center; height:50px;}
.logo{ text-align:center;}
.mobile-call-and-whatsapp-cin{ display:none;}
.header-top-line{ width:100%; height:5px; background-color:#225649;}
.header-bg{ background-color:#fff; box-shadow:0px 0px 10px #bbb; float:left; width:100%; padding:10px 0px; padding-bottom:0px; height:90px; position:relative;}
.header-section-design{ width:100%; position:fixed; top:0px; z-index:999999;}
.header-spaceing{ margin-top:136px;}
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button {margin: 0;padding: 0;border: 0;list-style: none;
line-height: 1;display: block;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#cssmenu:after, #cssmenu > ul:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
#cssmenu #menu-button {display: none;}
#cssmenu {background:none; margin-top:0px;font-family: 'Raleway', sans-serif; font-weight:600; display:inline-block;}
#cssmenu > ul > li {float: left;}
#cssmenu.align-center > ul {font-size: 0;text-align: center;}
#cssmenu.align-center > ul > li {display: inline-block;float: none;}
#cssmenu.align-center ul ul {text-align: left;}
#cssmenu.align-right > ul > li {float: right;}
#cssmenu > ul > li > a {padding: 18px 20px;font-size: 14px;letter-spacing: 1px;text-decoration: none;color: #fff;font-weight:700;text-transform: uppercase; padding-bottom:18px;}
#cssmenu ul li a.active{ color:#fff; background-color:#235247;}
#cssmenu > ul > li:hover > a {color: #fff;background-color:#235247;}
#cssmenu > ul > li.has-sub > a {padding-right: 30px;}
/*#cssmenu > ul > li.has-sub > a:after {position: absolute;top: 22px;right: 11px;width: 8px;height: 2px;display: block;background: #fea41a;content: '';}
#cssmenu > ul > li.has-sub > a:before {position: absolute;top: 19px;right: 14px;display: block;width: 2px;height: 8px;background: #fea41a;content: '';-webkit-transition: all .25s ease;-moz-transition: all .25s ease;-ms-transition: all .25s ease;
-o-transition: all .25s ease;transition: all .25s ease;}
#cssmenu ul ul li.has-sub > a:after {position: absolute;top: 16px;right: 11px;width: 8px;height: 2px;display: block;background: #333;content: '';}
#cssmenu.align-right ul ul li.has-sub > a:after {right: auto;left: 11px;}
#cssmenu ul ul li.has-sub > a:before {position: absolute;top: 13px;right: 14px;display: block;width: 2px;height: 8px;
background: #333;content: '';-webkit-transition: all .25s ease;-moz-transition: all .25s ease;-ms-transition: all .25s ease;
-o-transition: all .25s ease;transition: all .25s ease;}
#cssmenu.align-right ul ul li.has-sub > a:before {right: auto;left: 14px;}
#cssmenu ul ul > li.has-sub:hover > a:before {top: 17px;height: 0;}*/
#cssmenu > ul > li.has-sub > a:before{font-family: FontAwesome; width:20px; height:12px; background-repeat:no-repeat; position:absolute; z-index:99999999999999; content:"\f107"; right:5px; top:17px;}
#cssmenu > ul > li.has-sub:hover > a:before{right:5px; top:31px !important; transform:rotate(180deg);}
#cssmenu ul ul li.has-sub > a:before{font-family: FontAwesome;  width:20px; height:12px; background-repeat:no-repeat; position:absolute; z-index:99999999999999; content:"\f107"; right:0px; top:11px;}
#cssmenu ul ul li.has-sub:hover > a:before{right:11px; top:13px !important; transform:rotate(180deg);}
#cssmenu > ul > li.has-sub:hover > a:before {top: 23px;height: 0;}
#cssmenu ul ul {position: absolute;left: -9999px; width:100%;}
#cssmenu.align-right ul ul {text-align: right;}
#cssmenu ul ul li {height: 0;-webkit-transition: all .25s ease;-moz-transition: all .25s ease;-ms-transition: all .25s ease;
-o-transition: all .25s ease;transition: all .25s ease;}
#cssmenu li:hover > ul {left: auto;}
#cssmenu.align-right li:hover > ul {left: auto;right: 0;}
#cssmenu li:hover > ul > li {height: 35px;}
#cssmenu ul ul li:hover {background-color:#f5f5f5; color:#333;}
#cssmenu ul ul ul {margin-left: 100%;top: 0;}
#cssmenu.align-right ul ul ul {margin-left: 0;margin-right: 100%;}
#cssmenu ul ul li a {border-bottom: 1px solid rgba(150, 150, 150, 0.15);padding: 11px 15px;width:174px;font-size: 13px;text-decoration: none;color: #333;font-weight:700;background:#f7f7f7;font-family: 'Raleway', sans-serif; text-transform:uppercase; text-align:left; }
#cssmenu ul ul li:last-child > a, #cssmenu ul ul li.last-item > a {border-bottom: 0;}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {color: #fff; background-color:#235247;}
@media(max-width:767px) {
#cssmenu ul ul li:hover{ color:#fff;}
#cssmenu{ width:100%;position: absolute;left: 0px;float: left; margin-top:0px;}
#cssmenu ul {width: 100%;display: none; margin-top:-4px; background-color:#fff;}
#cssmenu.align-center > ul {text-align: left;}
#cssmenu ul li {width: 100%;border-top: 1px solid rgba(120, 120, 120, 0.2);}
#cssmenu ul ul li,  #cssmenu li:hover > ul > li {height: auto;}
#cssmenu ul li a,  #cssmenu ul ul li a {width: 100%;border-bottom: 0; padding-bottom:15px;}
#cssmenu > ul > li {float: none;}
#cssmenu ul ul li a {padding-left: 25px;}
#cssmenu ul ul ul li a {padding-left: 35px;}
#cssmenu ul ul li a {color: #333;padding-bottom: 9px;}
#cssmenu ul ul li:hover > a,  #cssmenu ul ul li.active > a {color: #fff;}
#cssmenu ul ul,  #cssmenu ul ul ul,  #cssmenu.align-right ul ul {position: relative;left: 0;width: 100%;margin: 0;text-align: left;}
#cssmenu > ul > li.has-sub > a:after,  #cssmenu > ul > li.has-sub > a:before,  #cssmenu ul ul > li.has-sub > a:after,  #cssmenu ul ul > li.has-sub > a:before {display: none;}
#cssmenu #menu-button {display: block;padding: 17px;color: #dddddd;cursor: pointer;font-size: 12px;text-transform: uppercase;
font-weight: 700; font-size:0px;position: absolute;float: right;text-align: right;top: -54px;width: 13%; right:0px;}
#cssmenu #menu-button:after {position: absolute;top: 22px;right: 17px;display: block;height: 4px;width: 20px;border-top: 2px solid #235247;border-bottom: 2px solid #235247;content: '';padding: 2px 0px;}
#cssmenu #menu-button:before {position: absolute;top: 16px;right: 17px;display: block;height: 2px;width: 20px;background: #235247;content: '';}
#cssmenu #menu-button.menu-opened:after {top: 23px;border: 0;height: 2px;width: 15px;background: #235247;-webkit-transform:rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);
padding: 0px 0px;}
#cssmenu #menu-button.menu-opened:before {top: 23px;background:#235247;width: 15px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
#cssmenu .submenu-button {position: absolute;z-index: 99;right: 0;top: 0;display: block;border-left: 1px solid rgba(120, 120, 120, 0.2);height: 45px;width: 46px;cursor: pointer;}
#cssmenu .submenu-button.submenu-opened {background:#235247;}
#cssmenu ul ul .submenu-button {height: 33px;width: 34px;}
#cssmenu .submenu-button:after {position: absolute;top: 22px;right: 19px;width: 8px;height: 2px;display: block;background: #333;content: '';}
#cssmenu ul ul .submenu-button:after {top: 15px;right: 13px;}
#cssmenu .submenu-button.submenu-opened:after {background: #fff;}
#cssmenu .submenu-button:before {position: absolute;top: 19px;right: 22px;display: block;width: 2px;height: 8px;background: #333;content: '';}
#cssmenu > ul > li > a{ color:#333; font-size:13px;}
#cssmenu ul ul .submenu-button:before {top: 12px;right: 16px;}
#cssmenu .submenu-button.submenu-opened:before {display: none;}
#cssmenu ul ul li a{ font-size:13px;}
}
/*header*/

/*home page banner*/
.banner-carousel .owl-controls .owl-page.active span{ background:#fd9c33;}
.banner-carousel .owl-dots{ position:absolute; width:100%; text-align:center;}
.banner-carousel .owl-wrapper-outer{    box-shadow: 0px -4px 15px #333;}
.banner-carousel .item img{width:100%;}
/*home page banner*/

/*home about us*/
.hazbe-home-about-us{ background:url(../images/bg-img.png); width:100%; padding:50px 0px; padding-top:80px;}
.heading-section-design{ text-align:center; position:relative;}
.heading-section-design h2{ text-align:center; background-color:#235247; border-radius:10px; padding:10px 30px; margin:0px auto; font-size:30px; font-weight:bold;; color:#fff;}
.heading-section-design h2:before{ position:absolute; content:"";  width: 45px;
margin-left:-97px;top: 15px; height: 26px;background-repeat: no-repeat;}
.heading-section-design h2:after{ position:absolute; content:"";  width: 45px;
margin-left:54px;top: 15px; height: 26px;background-repeat: no-repeat;}
.wd-20{ width:20%;}
.wd-25{ width:25%;}
.wd-38{ width:38%;}
.about-text-content{ padding:50px 0px; text-align:center;}
.about-text-content p{ font-size:15px;}
.about-text-content .moreless-button{ color:#fd9c33; text-decoration:underline; cursor:pointer;}
.about-list-design{ text-align:center;}
.about-list-design img{ width:80px; margin-bottom:20px;}
.about-list-design h2{ font-size:18px; color:#235247; font-weight:bold;}
.about-list-design p{ font-size:15px;}
.about-list-design .col-lg-4 img { transition:0.5s;}
.about-list-design .col-lg-4:hover img {transform:scale(1.1);}
.moretext {display: none;}
/*home about us*/

/*home our product*/
.hazbe-home-our-product{ background:url(../images/bg-img.png); width:100%;  padding-top:30px;}
.p-tb-text{ text-align:center; padding:30px 0px;}
.product-nav-tabs{ background-color:#fff; height:50px; box-shadow:0px 0px 10px #ccc; width:100%; display:table; border-radius:50px; overflow:hidden; margin-bottom:70px;}
.product-nav-tabs .nav-link{ border-radius:0px !important; margin:0px; border:none; height:50px; width:100%; color:#333; font-weight:500; font-size:16px;}
.product-nav-tabs li{ display:table-cell; width:20%;}
.product-nav-tabs .nav-item.show .nav-link, .product-nav-tabs .nav-link.active{ background-color:#235247; color:#fff;}
.product-nav-tabs .nav-link img{ width:24px;vertical-align: sub; margin-right:5px;opacity:0;}
.product-nav-tabs .nav-link.active img{ opacity:1;}
.product-content-img-design{ text-align:center; padding:40px 0px;}
.product-content-img-design .item img{ width:280px; margin:auto; text-align:center; margin-bottom:15px; transition:0.5s;}
.view-all-product{ text-align:center; padding-top:40px;}
.view-all-product a{ padding:10px 40px; color:#fff; text-decoration:none; background-color:#235247; width:200px; box-shadow:0px 0px 5px #ccc; border-radius:50px; transition:0.5s;}
.view-all-product a:hover{ background-color:#ffb647;}
.mobile-show-accordian{ display:none;}
.product-content-img-design .item:hover img{ transform:scale(1.04);}
.product-mobile-section-accordian .accordion-button:not(.collapsed){ background-color:#235247; color:#fff;}
.product-mobile-section-accordian .accordion-button img{ width:20px; margin-right:5px; font-size:13px; display:none;}
.product-mobile-section-accordian .accordion-button:not(.collapsed) img{ display:block;}
.product-mobile-section-accordian .accordion-button:focus{ box-shadow:none;}
.product-mobile-section-accordian .accordion-item{ margin-bottom:10px;border-top: 1px solid rgba(0,0,0,.125);}
.product-mobile-section-accordian .product-content-img-design{ padding:0px;}
/*home our product*/

/*pack*/
.hazbe-pack-today{ background:url(../images/banner23.jpg); width:100%; height:375px; position:relative; text-align:center; background-repeat:no-repeat;}
.hazbe-pack-today:before{ width:100%; height:60px; background-repeat:no-repeat;  position:absolute; left:0px; content:""; top:-42px; z-index:3;background-size: 70%;}
.hazbe-pack-today:after{ width:100%; height:60px; background-repeat:no-repeat;  position:absolute; left:0px; content:""; bottom:-26px;background-size: 70%; z-index:1;}
.gradient-color-red{ background-color:rgb(0 0 0 / 85%); width:100%; height:100%; position:absolute;}
.pack-today-section{ position:relative; z-index:1;padding:50px 0px; padding-bottom:0px;}
.pack-today-contant{ position:relative;}
.pack-today-contant h2{ color:#fff; font-weight:bold; font-size:25px; margin:0px;}
.pack-today-contant .line1{ position:absolute; width:33%;top: 15px; background-color:#fff; height:2px; left:0px;}
.pack-today-contant .line2{ position:absolute; width:33%;top: 15px; background-color:#fff; height:2px; right:0px;}
.pack-today-section .list-inline{ padding:30px 0px; border-bottom:2px solid #fff; padding-bottom:10px;}
.pack-today-section .list-inline li{ display:inline-block; margin-bottom:15px;}
.pack-today-section .list-inline li img:hover{ transform:scale(1.1);}
.pack-today-section .list-inline li img{ width:95%; transition:0.5s;}
/*pack*/

/*homemade*/
.hazbe-home-happiness-homemade{ padding:50px 0px; background:url(../images/bg-img.png); padding-top:100px; position:relative;}
.happiness-homemade-tab-design{ padding:40px 0px; padding-bottom:0px;}
.happiness-homemade-tab-content{ margin-top:20px;}
.happiness-homemade-nav-tabs .nav-link{ border:none !important; background-color:transparent !important; font-weight:700; color:#333; padding:0px;}
.homemade-carousel1 .owl-item{ padding:15px 8px;}
.happiness-homemade-nav-tabs .nav-link img{ margin-bottom:8px; filter: grayscale(1); transition:0.5s;}
.happiness-homemade-nav-tabs .nav-link:hover img{filter: grayscale(0); transform:scale(1.1);}
.happiness-homemade-nav-tabs{ border:none; text-align:center; width:652px; margin:auto;}
.happiness-homemade-nav-tabs .nav-item.show .nav-link, .happiness-homemade-nav-tabs .nav-link.active{ color:#fdb751;}
.happiness-homemade-nav-tabs .nav-link.active img{filter: grayscale(0); transform:scale(1.1)}
.homemade-list-design{border-radius:20px; padding:15px;  width:100%; transition:0.5s; height:276px; float:left; width:100%;border:1px solid #f3f3f3; background-color:#fff;    box-shadow: 0px 0px 20px #ccc;}
.homemade-content-text{ font-size:14px; margin-bottom:8px; color:#333;}
.homemade-list-design:hover{ background-color:#fff;box-shadow:0px 0px 20px #ccc;}
.homemade-list-img{ width:45%; height:245px; overflow:hidden; border-radius:20px; margin-bottom:15px; float:left; margin-right:20px;}
.homemade-list-content{ float:left; width:50%;}
.homemade-list-img img{ width:100%; height:100%; object-fit:cover; transition:0.5s;}
.homemade-list-heading h2{margin:0px; font-size:18px; font-weight:700; color:#333;transition:0.5s; }
.homemade-list-heading p{ margin-top:6px; font-size:15px; color:#767676; margin-bottom:9px;}
.homemade-list-time p{ color:#767676; font-size:15px; font-weight:700; margin-bottom:9px;}
.homemade-list-time p span{ color:#333;transition:0.5s;}
.homemade-list-star img{ float:left;}
.homemade-list-star p{ color:#767676; margin-bottom:0px; text-align:right;}
.homemade-list-design:hover .homemade-list-heading h2{ color:#235247;}
.homemade-list-design:hover .homemade-list-time p span{ color:#235247;}
.homemade-list-design:hover .homemade-list-img img{ transform:scale(1.1) rotate(-2deg);}
.homemade-carousel1 .owl-item .homemade-list-design {opacity: 0.5;transform: scale3d(0.92, 0.92, 0.92);transition: all 0.3s ease-in-out;}
.homemade-carousel1 .owl-item.active .homemade-list-design {opacity: 1;transform: scale3d(1, 1, 1);}
.homemade-carousel1 .owl-nav button.owl-prev{ background:url(../images/homemade-arrow.png) !important; width:57px; height:57px; position:absolute; content:""; left:-60px; z-index:1; font-size:0px !important; background-repeat:no-repeat !important; display:inherit !important; top:100px;transition:0.5s;}
.homemade-carousel1 .owl-nav button.owl-next{ background:url(../images/homemade-arrow.png) !important; width:57px; height:57px; position:absolute; content:""; right:-60px; z-index:1; font-size:0px !important; background-repeat:no-repeat !important; display:inherit !important; top:110px; background-position:-57px -55px !important; transition:0.5s;}
.homemade-carousel1 .owl-nav button.owl-prev:hover{background-position:0px -53px !important;}
.homemade-carousel1 .owl-nav button.owl-next:hover{ background-position:-56px 0px !important;}
.homemade-carousel1 .owl-nav button.owl-prev.active{background-position:0px -53px !important;}
.homemade-carousel1 .owl-nav button.owl-next.active{ background-position:-56px 0px !important;}
.homemade-outline-vector4{ position:absolute; bottom:-28px; left:0px; transform:rotate(110deg); width:184px;}
.homemade-outline-vector2{ position:absolute; bottom:12px; right:20px; width:200px;}
/*homemade*/

/*foodmedia*/
.foodmedia-carousel1{ padding:40px 0px; padding-bottom:0px;}
.hazbe-home-FoodPedia{ padding:30px 0px; background:url(../images/bg-img.png); padding-top:60px; position:relative;}
.foodpedia-list-design{transition:0.5s; padding:0px; width:100%; border:1px solid #e7e7e1;  background-color:#fff; overflow:hidden; position:relative;}
.foodpedia-list-design:hover{box-shadow:0px 0px 8px #ccc;}
.foodpedia-list-imggroup{ width:100%;position:relative; }
.foodpedia-list-img img{ width:100%; height:100%; object-fit:cover; transition:0.5s;}
.foodpedia-list-design:hover .foodpedia-list-img img{ transform:scale(1.1) rotate(-1deg);}
.foodpedia-list-img{ height:100%; width:100%; overflow:hidden; position:relative;}
.foodpedia-list-content{ position:relative; width:100%; height:100%; left:0px; text-align:center;}
.foodpedia-list-content h2{ font-weight:normal; color:#333; padding:20px 25px; font-size:18px; text-align:center; font-weight:600; transition:0.5s;}
.foodpedia-list-content a{ background-color:#e9e9e9; width:150px; padding:7px 30px; color:#333; text-decoration:none; border-radius:50px;transition:0.5s; }
.cta-read{ margin-top:0px; transition:0.5s;}
.foodpedia-list-design:hover .foodpedia-list-imggroup{ border-radius:20px;}
.foodpedia-list-design:hover .foodpedia-list-content a{background-color: #235247; color:#fff; box-shadow:0px 0px 10px #999;}
.foodmedia-carousel1 .item{ padding:15px;}
.min-read{ position: absolute;top: -4px;right:40px;z-index: 1;margin: auto;text-align: center;font-size: 14px;
background: #fff;width: 130px;padding: 7px 5px;font-weight: 700;border-bottom-left-radius:30px;border-bottom-right-radius:30px;}
.foodmedia-cin-design{ position: absolute;bottom:-53px; left:0px;right:0px;z-index: 1;margin: auto;text-align: center;font-size: 14px;background: #fff;width: 100px; height:100px; border-radius:50%; padding: 17px 26px;font-weight: 700;}
.foodmedia-cin-img{ background:url(../images/foodmedia11.png); width:50px; height:24px; background-repeat:no-repeat; transition:0.5s; }
.foodpedia-list-design:hover .foodmedia-cin-design .foodmedia-cin-img{ background-position:0px -28px;}
.footpedia-icon-vector{ position:absolute; right:20px; bottom:30px; width:150px;}
/*foodmedia*/

/*follow hazbe world*/
.follow-hazbeworld-design{ padding:50px 0px; background:url(../images/bg-img.png); padding-top:0px;}
.follow-hazbeworld-img{ width:100%; height:164px; overflow:hidden; border:1px solid #333;}
.follow-hazbeworld-img img{ width:100%; height:100%; object-fit:cover; transition:0.5s;}
.follow-hazbeworld-img:hover img{ transform:scale(1.05);}
.follow-world-heading h2{ color:#235247; font-weight:700; font-size:25px; margin:0px;}
.follow-world-heading{ text-align:center; padding:25px 0px; padding-top:0px;}
.follow-world-heading h2 span{ color:#feb13d;}
.follow-world-heading p{ font-weight:700; color:#333; font-size:17px; margin:0px;}
/*follow hazbe world*/

/*footer section*/

.footer-section-design{ background-color:#be9458; padding:30px 0px;  position:relative;margin-top:50px;	}
.footer-section-design:before{ width:100%; height:50px; background-repeat:no-repeat; background:url(../images/stroke-stone1.png); position:absolute; left:0px; content:""; top:-30px;}
.footer-section-design h2{ font-size:18px; color:#fff; margin-bottom:15px; font-weight:700;}
.footer-first-section .footer-link-design{ list-style:none; padding-left:0px;}
.footer-first-section .footer-link-design li{ margin-bottom:10px;}
.footer-first-section .footer-link-design li a{ text-decoration:none; color:#fff; font-weight:500;}
.footer-first-section .footer-link-design li a:hover{ color:#333; text-decoration:underline;}
.footer-third-section p{ color:#fff;}
.footer-third-section .footer-phoene{ list-style:none; padding-left:0px;}
.footer-third-section .footer-phoene li{ margin-bottom:7px; color:#fff;}
.footer-third-section .footer-phoene li a{ color:#fff; text-decoration:none;}
.social-footer{ list-style:none; padding-left:0px; color:#fff; margin:0px;}
.social-footer li{ display:inline-block;}
.social-footer li a{ color:#fff;}
.social-footer li:first-child{ margin-right:7px;}
.social-footer li a img{ width:40px; transition:0.5s;}
.social-footer li a img:hover{ transform:rotate(360deg);}
.copyright-footer{ border-top:1px solid #fff; padding-top:15px; margin-top:20px;}
.copyright-footer p{ margin:0px; color:#fff; text-align:center; font-weight:normal;}
.footer-section-design .col-lg-3:first-child{ border-right:1px solid #fff;}
.second-footer{ padding-left:55px;}
.footer-third-section{border-left:1px solid #fff; padding-left:55px; font-weight:normal;}
.back-to-top {position: fixed;bottom: 25px;right: 25px;display: none; -webkit-animation: rotating 2s linear infinite; z-index:9999;}
.back-to-top img{ width:56px;}
/*@-webkit-keyframes rotating {
from{-webkit-transform: rotate(0deg);}
to{-webkit-transform: rotate(360deg);}
}*/
@-webkit-keyframes rotating {
0% {transform: translatey(0px);}
50% {transform: translatey(-20px);}
100% {transform: translatey(0px);}
}
/*footer section*/


/*everybite story*/
.everybite-tell-story-design-section{background:url(../images/bg-img.png);  float:left; width:100%;}
.everybite-tell-story-design{ position:relative; margin-top:0px;padding:50px 0px;}
.every-heart-img{ position:absolute; left:240px; z-index:2; top:30px;}
.every-heart-img2{ position:absolute; z-index:2;right:240px; z-index:2; top:40px;}
.everybite-tell-story-design:before{ width:100%; height:50px; background-repeat:no-repeat; background:url(../images/stroke-stone1.png); position:absolute; left:0px; content:""; top:50px;}
.everybite-tell-story-design:after{ width:100%; height:50px; background-repeat:no-repeat; background:url(../images/background4.png); position:absolute; left:0px; content:""; bottom:0px;}
.every-bite-tell-heading{ background-color: #be9458; padding:40px 0px; text-align:center; margin-top:50px; position:relative;}
.every-bite-tell-heading-h2{ margin:0px; position:relative; z-index:1; font-weight:800; font-size:40px; color:#fff;width:500px; position:relative; margin:auto;text-shadow:3px 3px 0 #ff9900, -1px -1px 0 #ff9900, 1px -1px 0 #ff9900, -1px 1px 0 #ff9900, 1px 1px 0 #ff9900;}
.every-bite-tell-heading-watermark{ margin:0px; color:white; font-weight:800; font-size:80px;  position:absolute; left:0px; right:0px; top:-12px;}
.every-bite-tell-heading-h2:before{ width:50px; height:59px; position:absolute; left:-30px; background-repeat:no-repeat; background:url(../images/left-every1.png); content:""; top:-10px;}
.every-bite-tell-heading-h2:after{ width:50px; height:59px; position:absolute; right:-30px; background-repeat:no-repeat; background:url(../images/right-every1.png); content:""; top:-10px;}
.every-heart-img img{ width:122px; -webkit-animation: hearting1 3s linear infinite;}
.every-heart-img2 img{ width:122px;-webkit-animation: hearting2 3s linear infinite;}
.testy-dish-design{ width:100%; position:relative; padding:200px 0px;}
.testi-dish-product-design{ float:left; left:0px; }
.testi-heading-dish{position:relative; z-index:1; text-align:center; margin-left:228px;}
.testi-circle{ width:450px; position:absolute; left:110px; top:50px;}
.testi-dishes{ float:right; right:0px; text-align:right; margin-top:-40px;-webkit-animation: dishess 3s linear infinite; position:relative; z-index:1;}
.testi-heading-dish h2{ font-weight:800; font-size:25px; margin-bottom:20px; color:#333;}
.yellow{ color:#be9458; font-size:40px;}
.red{ color:#235247; font-size:40px;}
.testi-dishes img{ width:84%;}
.testi-heading-dish img{ width:280px; transition:0.5s;}
.testi-heading-dish:hover img{ transform:scale(1.05);}
.outline-vector1{ position:absolute; top:84px; right:30px; width:150px;}
.outline-vector2{ position:absolute; left:0px; width:210px; top:447px;}
.outline-vector3{ position:absolute; left:0px; right:15px; width:100px; margin:auto; top:0px;}
.second-section-dish-design{ margin-top:200px;}
.second-section-dish-design .testi-dishes{ float:left; text-align:left; margin-top:-130px;}
.second-section-dish-design .testi-dish-product-design{ float:right; right:0px;}
.second-section-dish-design .testi-circle{ width:450px; position:absolute; left:auto; right:110px; top:50px;}
.second-section-dish-design .testi-heading-dish{position:relative;margin-top:-87px; z-index:1; text-align:center; margin-left:auto; margin-right:206px;}
.second-section-dish-design .testi-dishes img{ width:80%;margin-top:54px;}
.third-section-dish-design{ margin-top:173px;}
.outline-vector4{ position:absolute; top:-30px; right:0px; width:230px;top:-180px;}
.outline-vector5{ position:absolute; left:30px; width:160px; top:560px;}
.outline-vector6{ position:absolute; left:0px; right:0px; width:180px; margin:auto; bottom:-325px;}
.third-section-dish-design .testi-dishes{ margin-top:-130px;}
.third-section-dish-design .testi-dishes img{ width:77%;}
.third-section-dish-design .testi-heading-dish{margin-top:-30px;}
.third-section-dish-design{ padding-bottom:150px;}
.connect-line{ position: absolute;left: 334px;top: 189px;margin: auto;text-align: center;transform: rotate(-26deg); z-index:0;}
.connect-line2{position: absolute;left: 446px;top: 886px;margin: auto;text-align: center;transform: rotate(16deg);z-index: 0;}

@keyframes hearting1 {
0% {transform: translatey(0px);}
50% {transform: translatey(-20px);}
100% {transform: translatey(0px);}
}

@keyframes hearting2 {
0% {transform: translatey(0px);}
50% {transform: translatey(20px);}
100% {transform: translatey(0px);}
}

/*@keyframes dishess {
0% {transform: translatey(0px);}
50% {transform: translatey(-20px);}
100% {transform: translatey(0px);}
}*/

/*everybite story*/



/* search icon */
.mobile-call-and-whatsapp-cinhidden{ display:none;}
.searchi-section{ margin-top:-4px;}
.searchi-section .search-inline {width: 100%;left: 0;padding-left: 15px;padding-right: 15px;top: 0;height: 100%;position: absolute;opacity: 0;visibility: hidden;background-color: #efefef;z-index:99999;transition: all .5s ease-in-out;}
.searchi-section  .search-inline.search-visible {opacity: 1;visibility: visible;animation: fadeInDown 0.4s ease-in-out;}
.searchi-section  .search-inline button[type="submit"] {position: absolute;right: 52px;top: 0;background-color: transparent;border: 0px;top: 0;right:50px;padding: 0px;cursor: pointer;width:60px;height: 99%;background:#235247;color: #fff;}
.searchi-section  .search-inline .form-control {border: 0px;padding-left:8px;font-size:14px;position: absolute;left: 1%;top: 0;height: 100%;width: 99%;font-family: "Montserrat", sans-serif;font-weight: 700;outline: none; box-shadow:none;}
.searchi-section  .search-inline .search-close {position: absolute;top: 0;right: 0;color: #616161;width:50px;height: 100%;text-align: center;
display: table;background: #efefef;text-decoration: none;}
.searchi-section  .search-inline .search-close i {display: table-cell;vertical-align: middle;}
.searchi-section  .form-control {display: block;width: 100%;padding: .375rem .75rem;font-size: 1rem;line-height: 1.5;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #efefef;border-radius: .25rem;transition: border-color .3s ease-in-out, box-shadow .3s ease-in-out;}
.searchi-section .search-open{ position:absolute; right:49px; top:18px; color:#333; font-weight:300;}
@keyframes fadeInDown {
from {opacity: 0;transform: translate3d(0, -20%, 0);}
to {opacity: 1;transform: translate3d(0, 0, 0);}
}
/*search*/

@media screen and (max-width: 600px) {
  .product-page-cir{
   width:100%!important;
   margin-top: 27px;
  }
}



/*Product page section*/
.product-page-banner-section{ width:80%; height:487px;top: 19px; background-repeat:no-repeat; position:relative;background-size: 100%;margin: auto;}
.product-page-banner-section:after{ background-size: 100%; background-repeat:no-repeat; width:100%; height:70px; position:absolute; bottom:-50px; left:0px; content:""; z-index:1; display:none;}
.product-page-banner-heading{ padding-top:2%; color:#333; width:100%;}
.product-page-banner-heading h2{ font-weight:bold; font-size:35px;}
.product-page-banner-heading p{ font-weight:500; font-size:15px;margin-top:10px;}
.product-page-listing{  }
.product-page-cir{ position:relative;}
.product-listing-page-circle img{ position:absolute; width:300px; top:0px; z-index:1; left:0px; right:0px; margin:auto; }
.product-listing-page{ position:relative; z-index:2; text-align:center;margin-bottom:25px;}
.product-listing-page img{margin-bottom:10px; transition:0.5s;width: 180px;}
.product-listing-page:hover img{ transform:scale(1.03);}
.product-listing-page h2{ font-size:18px; font-weight:800; background:linear-gradient(to right, #be9458 0%, #f21f2e 99%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.row-center-product-listing{margin: auto;text-align: center;width: 100%;display: inline-block;}
.product-page-cir{ display:inline-block; width:33%; margin-bottom:50px;}
.product-page-cir a{background: #121FCF; text-decoration:none;}
.product-pagination-design{ margin:40px 0px;}
.product-pagination-design .page-item{ margin:0px 10px;}
.product-pagination-design .page-item:first-child{ margin-right:20px;}
.product-pagination-design .page-item:last-child{ margin-left:20px;}
.product-pagination-design .page-item .page-link{ border-radius:50px; padding:10px 18px; color:#333; background-color:#e7e7e7; font-weight:600;}
.product-pagination-design .page-item.active .page-link{ border:none; color:#fff; background-color:#235247;}
.product-mobile-section-accordian .product-content-img-design a{ text-decoration:none;}
.hazbe-pack-today-product-page{ margin:100px 0px; margin-top:0px; padding-top:0px;}
.hazbe-pack-today-product-page:before {background-image:none;}
.hazbe-pack-today-product-page:after {background-image:none;}
.hazbe-pack-today-product-page{ background-image:url(../images/product/stroke-stone3-product-bg.png); height:421px; padding-top:20px; margin-top:-20px;background-size: 100%;}
.vector-icon-product-page{ position:relative;}
.pro-page-vector1{ position:absolute; left:0px; top:200px;width: 100px;}
.pro-page-vector2{ position:absolute; right:8px; top:30%;width: 120px;}
.pro-page-vector3{ position:absolute; left:0px; top:30%; display:none;}
.pro-page-vector4{ position:absolute; left:0px; bottom:5%;width: 120px;}
.pro-page-vector5{ position:absolute; right:0px; bottom:13%;width: 140px;}
/*Product page section*/

/*Product detail page section*/

.product-detail-page-banner-section-design{background: url(../images/bg-img.png);padding: 50px 0px;float: left;width: 100%;
padding-bottom:100px;}
.product-detail-page-banner-section-content h2{ font-size:35px; font-weight:700; color:#235247; text-decoration:underline; margin-bottom:15px;}
.product-detail-page-banner-section-content .available{ margin-top:15px;}
.product-detail-page-banner-section-content ul{ padding:0px; list-style:none;}
.product-detail-page-banner-section-content ul li{ display:inline-block; border:1px solid #333; border-radius:50px;text-align:center; color:#333; padding:7px 0px; }
.product-detail-page-banner-section-content ul li a{ text-decoration:none; color:#333; padding:7px 30px; }
/*.product-detail-page-banner-section-content ul li:hover{ border:1px solid #235247;}
.product-detail-page-banner-section-content ul li:hover a{ color:#235247;}*/
.product-detail-page-banner-section-content ul li.active{ border:1px solid #235247;}
.product-detail-page-banner-section-content ul li.active a{ color:#235247;}
.product-detail-page-banner-section-content .click-to-buy-online{ background-color:#235247; padding:7px 30px; border-radius:0px;width:220px; border-radius:50px; margin:30px 0px; text-align:center;}
.product-detail-page-banner-section-content .click-to-buy-online a{color:#fff; text-align:center; text-decoration:none;}
.product-detail-product-banner-slider .owl-item {opacity: 0.5;transform: scale3d(0.92, 0.92, 0.92);transition: all 0.3s ease-in-out;}
.product-detail-product-banner-slider .owl-item.active {opacity: 1;transform: scale3d(1, 1, 1);}
.product-detail-product-banner-slider .owl-nav button.owl-prev{ background:url(../images/homemade-arrow.png) !important; width:57px; height:57px; position:absolute; content:""; left:30px; z-index:1; font-size:0px !important; background-repeat:no-repeat !important; display:inherit !important; top:100px;transition:0.5s;}
.product-detail-product-banner-slider .owl-nav button.owl-next{ background:url(../images/homemade-arrow.png) !important; width:57px; height:57px; position:absolute; content:""; right:30px; z-index:1; font-size:0px !important; background-repeat:no-repeat !important; display:inherit !important; top:100px; background-position:-56px -53px !important; transition:0.5s;}
.product-detail-product-banner-slider .owl-nav button.owl-prev:hover{background-position:0px -53px !important;}
.product-detail-product-banner-slider .owl-nav button.owl-next:hover{ background-position:-56px 2px !important;}
.product-detail-product-banner-slider .owl-nav button.owl-prev.active{background-position:0px -53px !important;}
.product-detail-product-banner-slider .owl-nav button.owl-next.active{ background-position:-56px 2px !important;}
.product-detail-product-banner-slider .item{ text-align:center;}
.product-detail-product-banner-slider .item img{ width:200px;}
.product-detail-product-banner-slider{ margin-top:10px;}
.mobile-view-product{ display:none;}
.product-slider-bg{ width:320px; margin:auto; position:absolute; left:0px; right:0px; content:"";}
.desktop-view-product{ position:relative;}
.product-threelisting-design{ background-color:#be9458; padding:32px 0px; padding-bottom:20px; position:relative; margin:0px 0px; margin-bottom:0px; z-index:1;}
.product-threelisting-design:before {width: 100%;height: 50px;background-repeat: no-repeat;background: url(../images/stroke-stone1.png);position: absolute;left: 0px;content: "";top: -40px; z-index:1;}
.product-threelisting-design:after {width: 100%;height: 50px;background-repeat: no-repeat;background: url(../images/stroke-stone2.png);position: absolute;left: 0px;content: "";bottom: -40px;}
.threelist-product-img{ float:left; margin-right:14px;}
.threelist-product-img img{ width:90px;}
.threelist-product-content{ float:left; width:70%;}
.threelist-product-content h2{ font-size:20px; font-weight:600; color:#fff;}
.threelist-product-content p{ font-size:14px;}
.product-detail-vector-icon{ position:absolute; right:0px; top:-190px; width:160px; z-index:0;}
.product-outline-vector1{ position:absolute; left:0px; width:180px; top:50px;}
.product-outline-vector2{ position:absolute; right:0px; width:130px; bottom:10px;}
.Cook-with-hazbe-Atta{ padding-bottom:100px;}
.bd-doodle{background: url(../images/bg-img.png);}
.Cook-with-hazbe-Atta .homemade-list-heading{ margin-bottom:10px;}
.Cook-with-hazbe-Atta .homemade-content-text{ margin-top:20px; margin-bottom:30px;}
.Cook-with-hazbe-Atta .homemade-list-star{ position:absolute; bottom:20px; width:47%;}
.Cook-with-hazbe-Atta .homemade-list-star p{ text-align:right;}
.Cook-with-hazbe-Atta .homemade-list-star img{ float:left;}
/*Product detail page section*/

/*about page section*/
.about-us-page-banner-design{ position:relative; padding-top:30px; }
.about-us-banner-heading h2 {font-size: 35px;font-weight: 700;color: #235247;text-decoration: underline;margin-bottom:0px; margin-top:0px; text-align:left;}
.about-us-page-vector1{ position:absolute; right:20px; top:30px;}
.about-us-page-banner-section-design{ text-align:center;}
.about-us-page-banner-section-design img{ margin-top:-70px; width:50%;}
.about-us-content-description{ text-align:center; padding:0px 60px; margin-top:-50px; margin-bottom:70px; position:relative;}
.about-us-content-description h2{ color:#333; font-size:30px; font-weight:700; margin-bottom:20px;}
.about-us-content-description h2 span{ color:#235247;}
.about-us-content-description p{ font-size:17px; color:#333;}
.about-us-listing{ text-align:center; margin-bottom:80px;}
.about-us-listing img{ width:70px; margin-bottom:10px;}
.about-us-listing h2{ font-size:20px; font-weight:700; color:#235247;}
.about-us-listing p{ font-size:15px;}
.about-us-content-description-vector{ position:absolute; left:-100px; width:170px; top:0px;}
.about-us-content-description-vector1{ position:absolute; right:-100px; width:170px; bottom:-100px;}

.about-us-listing .col-lg-4 img{ transition:0.5s;}
.about-us-listing .col-lg-4:hover img{ transform:scale(1.1);}



/*about page section*/

/*blog listing page section*/
.blog-listing-page-design .heading-section-design p{ font-size:17px; padding:20px 0px;}
.blog-listing-page-design-row-listing{ margin-bottom:23px;}
.blog-listing-page-design .product-pagination-design{ margin-top:80px;}
.blog-listing-page-design-icon-vector{ position:absolute; right:0px; width:130px; top:30px;}
.blog-listing-page-design-icon-vector1{ position:absolute; left:0px; width:100px; bottom:40px;}
.blog-listing-page-design-icon-vector2{ position:absolute; right:0px; width:130px; bottom:80px;}
/*blog listing page section*/


/*blog detail page */
.blog-detail-page-banner-section{ background-image:url(../images/product/blog-details-banner.png); width:100%; height:580px; background-repeat:no-repeat; position:relative;    background-size: 100%;}
.blog-detail-page-banner-section:after{ background-image:url(../images/product/product-scroke.png); background-repeat:no-repeat; width:100%; height:70px; position:absolute; bottom:-50px; left:0px; content:""; z-index:1;    background-size: 100%;}
.blog-detail-page-banner-heading {padding-top: 17%;color: #fff;width: 46%;}
.blog-detail-page-banner-heading h2 {font-weight: bold;font-size: 45px; text-decoration:underline;}
.blog-detail-page-banner-heading p {font-weight: 400;font-size: 23px;}
.blog-details-content-section-design{ padding-top:120px;}
.blog-detail-quotation-design{ padding:0px 40px; position:relative; margin-bottom:40px;}
.blog-detail-quotation-design h3{ color:#be9458; font-size:23px; font-weight:700;}
.blog-detail-quotation-design:before{ position:absolute; content:""; left:0px; top:-10px; background-image:url(../images/product/quo1.png); background-repeat:no-repeat; width:35px; height:25px;}
.blog-detail-quotation-design:after{ position:absolute; content:""; right:0px; bottom:-10px; background-image:url(../images/product/quo2.png); background-repeat:no-repeat; width:35px; height:25px;}
.blog-details-content-sections p{ font-size:15px;}
.blog-details-content-sections h4{ font-weight:700; font-size:16px;}
.blog-details-content-section-design{ margin-bottom:80px;}
.blog-share-post-social{ background-color:#be9458; padding:25px 0px; position:relative;}
.blog-share-post-social:before{ background-image:url(../images/stroke-stone1.png); width:100%; height:60px; position:absolute; top:-40px; left:0px; content:"";}
.blog-share-post-social:after{ background-image:url(../images/stroke-stone2.png); width:100%; height:60px; position:absolute; bottom:-40px; left:0px; content:"";}
.blog-share-post-social ul{ padding:0px; text-align:center; list-style:none;}
.blog-share-post-social ul li{ display:inline-block; color:#fff; font-size:17px;vertical-align: bottom; margin-right:10px;}
.fb1{ background-image:url(../images/product/social-icon.png); width:31px; height:23px; background-repeat:no-repeat;background-size: 190px;background-position:9px 0px; transition:0.5s;}
.fb1:hover{background-position:9px -26px;}
.tw1{ background-image:url(../images/product/social-icon.png); width:31px; height:23px; background-repeat:no-repeat;background-size: 190px;background-position: -34px 0px;transition:0.5s;}
.tw1:hover{background-position: -34px -26px;}
.pin1{ background-image:url(../images/product/social-icon.png); width:31px; height:23px; background-repeat:no-repeat;background-size: 190px;background-position: -77px 0px;transition:0.5s;}
.pin1:hover{background-position: -77px -26px;}
.mess1{ background-image:url(../images/product/social-icon.png); width:31px; height:23px; background-repeat:no-repeat;background-size: 190px;background-position: -123px 0px;transition:0.5s;}
.mess1:hover{background-position: -123px -26px;}
.socialmore1{ background-image:url(../images/product/social-icon.png); width:31px; height:23px; background-repeat:no-repeat;background-size: 190px;background-position: -167px 0px;transition:0.5s;}
.socialmore1:hover{background-position: -167px -26px;}
.our-blog-post h3{ font-weight:600; font-size:25px; text-decoration:underline; margin-bottom:0px;}
.our-blog-post{ margin-top:80px; padding-top:0px;}
.our-blog-icon-vector{ position:absolute; right:30px; top:-30px; width:90px;}
.our-blog-icon-vector1{ position:absolute; left:0px; bottom:30px; width:120px;}
.our-blog-icon-vector2{ position:absolute; right:0px; bottom:30px; width:120px;}
.our-blog-icon-vector4{ position:absolute; right:0px; top:50px; width:120px;}
.blog-details-content-section-design{ position:relative;}
.blog-share-post-social ul a{ text-decoration:none;}
/*blog detail page */



/*contact us*/

.contact-us-page-contact-design{ padding:50px 0px; padding-bottom:0px;}
.headline-cotact-left{ float:left; width:70%;}
.contact-right-btn{ float:left; width:30%; margin-top:80px;}
.headline-cotact-left h2 {font-size: 35px;font-weight: 700;color: #235247;text-decoration: underline;margin-bottom: 15px;
margin-top: 0px;text-align: left;}
.go-to-product-btn{ background-color:#235247; border-radius:50px; text-align:center; width:250px; margin:auto;padding:10px 0px; transition:0.5s;}
.go-to-product-btn:hover{ background-color:#be9458;}
.go-to-product-btn a{ text-align:center; color:#fff; text-decoration:none; padding:10px 54px;}

.regd-office-section-design{ padding:60px 0px; text-align:center;}
.regd-office-section-design h2{ color:#235247; font-size:20px; font-weight:700; margin-bottom:20px;}
.regd-office-section-design p{ font-size:15px;}
.regd-office-section-design ul{ padding:0px; list-style:none; margin:15px 0px; margin-top:20px;}
.regd-office-section-design ul li{display:inline-block; border:1px solid #ccc; margin:0px 5px; padding:10px 20px; text-align:center; color:#333;}
.regd-office-section-design ul li img{ width:20px; margin-right:10px;vertical-align: text-bottom;}

.contact-page-tab-form-design{ background-color:#454545; position:relative; padding:30px 0px; margin:90px 0px; margin-bottom:40px;}
.contact-page-tab-form-design:before{ background-image:url(../images/contact-vector-top.png); width:100%; height:80px; top:-50px; content:""; left:0px; position:absolute; background-repeat:no-repeat;    background-size: 100%;}
.contact-page-tab-form-design:after{ background-image:url(../images/contact-vector-bottom.png); width:100%; height:80px; bottom:-50px; content:""; left:0px; position:absolute; background-repeat:no-repeat;    background-size: 100%;}
.contact-page-tab-form{ display:table; width:100%; padding:0px 200px;}
.contact-page-tab-form .nav-link{ margin:auto; width:100%; font-size:18px; color:#fff; border:none;}
.contact-page-tab-form .nav-link.active{ background-color:transparent; border:none; border-bottom:4px solid #fff; color:#fff; }
.contact-page-tab-form li{ display:table-cell;}
.contact-page-tab-form-content{ padding:60px 0px; padding-bottom:40px;}
.mb-spacing{ margin-bottom:30px;}
.contact-page-tab-form-content .form-control{ background-color:transparent !important; border:none; color:#ccc; border-bottom:1px solid #fff; border-radius:0px; padding:3px 0px; box-shadow:none !important;font-size:14px;}
.contact-page-tab-form-content .form-select{ background-color:transparent !important; border:none; color:#fff; border-bottom:1px solid #fff; border-radius:0px; padding:4px 0px; box-shadow:none !important; color:#ccc;font-size:14px;}
.contact-page-tab-form-content label{ margin-top:14px; color:#fff;}
.pr-20{ padding-right:20px;}
.pl-20{ padding-left:20px;}
.submit-btn{ border-radius:50px; padding:10px 30px; text-align:center; color:#fff !important; background-color:#235247; width:200px; margin:auto; box-shadow:none !important; transition:0.5s;}
.submit-btn:hover{ background-color:#be9458;}
.submit-btn-center{ text-align:center; margin:60px 0px; margin-bottom:0px;}
.contact-page-tab-form-content ::placeholder {color: #ccc;opacity: 1; font-size:14px;}
.contact-page-tab-form-content :-ms-input-placeholder {color: #ccc;font-size:14px;}
.contact-page-tab-form-content ::-ms-input-placeholder {color: #ccc;font-size:14px;}
.contact-page-tab-form-content .form-select {overflow: -moz-hidden-unscrollable;background: url(../images/arrow.png) no-repeat right;font-size:14px;}
.contact-page-tab-form-content .form-select option {background: #454545;}




/*contact us*/




.thank-you-page-design{ padding:100px 250px; padding-top:100px; text-align:center;}
.thank-you-content h2{ font-size:30px; font-weight:bold;}
.thank-you-content p{ font-size:17px}
.thank-you-page-design .contact-right-btn{ float:none; margin:auto; margin-top:30px;}
.thank-you-page-design img{ margin-bottom:20px;}


.thank-you-page-design{ padding:100px 250px; padding-top:100px; text-align:center;}
.thank-you-content h2{ font-size:30px; font-weight:bold;}
.thank-you-content p{ font-size:17px}
.thank-you-page-design .contact-right-btn{ float:none; margin:auto; margin-top:30px;}
.thank-you-page-design img{ margin-bottom:20px;}
@media(max-width:767px){
.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;}
}
@media (min-width:768px) and (max-width:991px) {
.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;}	
}
@media (min-width:992px) and (max-width:1200px) {
.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;}	
}




.nutrition-energy-design{ padding:0px 0px; padding-bottom:100px; font-family:Arial, Helvetica, sans-serif;clear: both;
display: inline-block;margin-top: -96px; width:100%;}
.nutrition-bg{ text-align:center; border:1px solid #999; width:43%;}
.nutrition-bg .headingd{ color:#333; font-weight:bold; font-size:15px; line-height:18px;}
.bl-table{ font-weight:bold;}
.nutrition-bg td:first-child, .nutrition-bg td:nth-child(3) {font-weight: bold;}
.nutrition-bg p{ margin-bottom:0px;}
.nutrition-energy-design{ font-size:13px;}
.nutrition-bg td{padding:3px 0.5rem;}




.fl-btn-left{ float:left; margin-right:15px !important;}
.fl-btn-right{ float:left; background-color:#ffbd16 !important;}
.fl-btn-right button{ border:none; background-color:transparent; font-weight:500; color:#fff; font-family: 'Raleway', sans-serif;}
.bulk-order-popup .close{ border-radius:50%; width:17px; font-size:9px; padding:0px 10px; line-height:6px; height:35px; background-color:#fff; border:1px solid #235247; color:#235247;position: absolute;right: -7px;top: -7px; z-index:1;box-shadow:0px 0px 10px #999; opacity:1;}
.bulk-order-popup .modal-dialog{ max-width:60% !important; margin-top:90px;}
.bulk-order-popup .modal-header{ padding:0px; border:none;}
.bulk-order-popup .headline-popup{ background-color:#ffa519; padding:5px 0px; color:#fff; font-weight:bold; font-size:20px; text-decoration:underline; text-align:center; border-top-left-radius:20px; border-top-right-radius:20px;}
.bulk-order-popup .modal-body{ padding:0px;}
.bulk-order-popup .modal-content{ border-radius:20px; padding-bottom:40px;}
.bulk-order-popup .modal-content{border:1px solid #235247;    box-shadow: 0px 0px 22px #3333334f;}
.bulk-order-popup .modal-popup-listing{ list-style:none; padding:20px; padding-top:40px; padding-bottom:0px; margin-bottom:0px; text-align:center;display: table;width: 100%;}
.bulk-order-popup .modal-popup-listing li{display:inline-block; text-align:center; width:24%; margin:auto; border-right:1px solid #333;display: table-cell;}
.bulk-order-popup .modal-popup-listing li:last-child{ border:none;}
.bulk-order-popup .modal-popup-listing li:hover img{ transform:scale(1.04);}
.bulk-order-popup .modal-popup-listing li img{ width:150px; margin-bottom:10px; transition:0.5s;}
.bulk-order-popup .modal-popup-listing li h2{ font-size:17px; font-weight:bold; color: #235247; margin-bottom:0px; text-transform:capitalize;}
.bulk-order-popup .modal-popup-listing li p{ font-size:13px; font-weight:bold; color: #333;margin-bottom:0px;}
.bulk-order-popup{ z-index:9999999999;}
.modal-backdrop{ background-color:rgb(245 245 245); z-index:99999999;}