:root {
	--primary: #F1C778;
	--secondary: #404040;
	--themeRed: #CE423B;
	--white: #ffffff;
	--grey: #F8F5F2;
}

@font-face {
	font-family: Trueno-bold;
	src: url(../fonts/Trueno-ExtraBold.ttf);
}

@font-face {
	font-family: Mistral;
	src: url(../fonts/Mistral.ttf);
}


@font-face {
	font-family: Helvetica;
	src: url(../fonts/Helvetica.ttf);
}

@font-face {
	font-family: Helvetica-neue;
	src: url(../fonts/HelveticaNeueRoman.otf);
}

@font-face {
	font-family: Helvetica-neue-thin;
	src: url(../fonts/HelveticaNeueThin.otf);
}

body {
	font-family: Helvetica-neue;
	font-size: 17px;
	color: var(--secondary);
	outline: none;
}

img {
	max-width: 100%;
}

figure {
	margin: 0;
	padding: 0;
}

a {
	color: var(--primary);
	text-decoration: none;
	outline: none;
}

a:hover,
a:focus {
	color: var(--primary);
	text-decoration: none;
	outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-weight: bold;
	line-height: 1.1;
	color: inherit;
	font-family: Trueno-bold;
	margin: 0 0 10px;
	outline: none;
    padding: 10px 0;
}

.subHeading-font {
	font-family: Mistral !important;
}

@media (max-width: 1399px) {
	.container {
		width: auto;
		max-width: none;
	}
}

@media (min-width: 1400px) {
	.container {
		width: auto;
		max-width: none;
	}
}
.bagel_head
{
   margin: 2em 5em 2em 5em ;
   text-align:center
}
@media(max-width: 480px) {
  .bagel_head
{
   margin:2em; 
}  
}
.main_heading {
	font-size: 42px;
	color: var(--secondary);
	margin: 0 0 15px;
	text-align: center;
	text-transform: uppercase;
}

@media (max-width: 767px) {
	.main_heading {
		font-size: 25px;
	}
}

@media(max-width: 480px) {
	.main_heading {
		font-size: 23px;
	}
}

.list1 li {

	list-style: disc outside url("../images/bullet1.png");
	padding: 4px 0;

}

.list1 li a {
	color: var(--secondary);
}

.list2 li {
	list-style: url(../images/bullet1.png);
	padding: 0 0 6px 0px;
}

.header_right {
	float: right;
	width: 78%;
}

.top_link {
	color: var(--white);
	text-align: right;
	padding: 40px 0 0;
}

.top_link a {
	color: var(--white);
	background-color: var(--themeRed);
	border-radius: 6px;
	padding: 8px 20px;
	display: inline-block;
	font-size: 17px;
	font-family: Trueno-bold;
	font-weight: 500;
	text-transform: uppercase;
	transition: 0.3s;
}

.top_link a:hover {
	opacity: 0.9;
	transition: 0.3s;
}

.header_left {
	padding: 5px 0;
	float: left;
	width: 22%;
	text-align: left;
}

.site-content-contain .wrap,
.site-content-contain .site-content{
max-width: none;
  padding: 0;
}

@media(max-width:767px) {
	.header_left {
		padding: 16px 0 14px 0;
	}
}

@media(max-width: 1024px) {
	.top_link a {
		font-size: 15px;
	}
}
   @media(max-width:767px) {
        .img-bagels
        {
            width:100% !important;
        }
   }
     @media(max-width:1024px) {
        .img-bagels
        {
            height:auto !important;
        }
   }
@media (max-width: 1024px) {
	.header_right {
		float: none;
		background: var(--secondary);
		display: block;
		width: auto;
		height: 48px;
		margin-left: -15px;
		margin-right: -15px;
	}

	.top_link {
		margin-right: 10px;
		float: right;
		padding: 8px 0 0;
	}

	.top_link a {
		padding: 6px 16px;
		font-size: 14px;
	}

	.header_left {
		width: 100%;
	    text-align: center;
	}

	.site_logo {
		display: inline-block;
	}

}

@media(max-width: 600px) {

	.site_logo img {
		max-width: 150px;
	}

}

@media (max-width: 896px) {
	.header_left {
		display: block;
		float: none;
		margin: 0px auto 0;
		text-align: center;
	}
}

.banner {
	position: relative;
}

.banner-content h2{
color:var(--primary);
font-size:40px;
text-transform: uppercase;
}

.banner-content{
position: absolute;
top:50%;
left:15px;
transform: translateY(-50%);
max-width: 700px;
line-height: 1.4;
}

.banner-content p{
color: var(--white);
font-family: Helvetica-neue-thin;
font-size: 35px;
}

@media(max-width:1340px){

	.banner-content{
		max-width: 500px;
	}

	.banner-content h2{
		font-size:30px;
		}

		.banner-content p{
			font-size: 25px;
		}
}

@media(max-width:767px){
	.banner-content{
		display: none;
	}
}

footer {
	background: var(--secondary);
	font-size: 15px;
	padding: 0;
	color: var(--white);
	padding-top: 30px;
	margin-top: 30px;
}

footer a,
footer a:focus {
	color: var(--white);
}

footer a:hover {
	color: var(--white);
}


/*inner css*/

.banner {
	position: relative;
	z-index: 10;
	overflow: hidden;
	height: calc(100vh - 320px);
}


.footer_top h3 {
	font-size: 24px;
	color: var(--white);
	margin: 0 0 20px;
	padding: 0 0 18px;
	position: relative;
	font-weight: 400;
}

.footer_top h3:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 80px;
	height: 2px;
	background-color: var(--white);
}

.footer_top p {
	margin: 0;
	line-height: 1.8;
	font-size: 16px;
	color: var(--primary);
}

.footer_bottom {
	background-color: var(--secondary);
	padding: 16px 0;
}

.footer_bottom p {
	color: var(--white);
	text-align: center;
	margin: 0;
	font-size: 13px;
	padding: 4px 0 0;
}

.footer_bottom span {
	display: block;
}

.footer_top{
max-width: 1300px;
  margin: 0 auto;
}

@media(min-width: 768px) {

	.footer_bottom p {
		text-align: center;
		color: var(--primary);
	}

	.control-padding {
		padding-left: 30px;
	}

	.footer_top article {
		margin: 0;
	}

	.footer_bottom span {
		display: block;
		margin-top: 5px;
	}

}

.big-btns {
	width: 100%;
	background-color: var(--primary);
	color: var(--secondary);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	font-family: Trueno-bold;
	font-size: 35px;
	border: none;
	height: 150px;
	text-transform: uppercase;
	transition: 0.3s;
	cursor: pointer;
}

.big-btns:hover {
	opacity: 0.9;
	transition: 0.3s;
	color: var(--secondary);
	border:1px solid #343434;
    background-color:var(--primary) !important;
}

.content-catering {
	padding: 50px 35px;
	width: 600px;
	margin-left: -45px;
	background-color: var(--primary);
	color: var(--secondary);
	position: relative;
    z-index: 11;
}

.content-catering .popular-title {
	font-size: 40px;
}

.content-catering .subheading {
	font-family: Mistral;
	font-size: 35px;
/*Part of Comment to make subtitle smaller	text-transform: uppercase;*/
}
/*Part of Comment to make subtitle smaller*/
   h5
 {
     text-transform:none;
 }
.items-reverse .content-catering {
	margin-left: auto;
	margin-right: -45px;
}

.content-catering-white {
    padding: 50px 35px;
    width: 600px;
    margin-left: -45px;
    background-color: #FFF;
    color: var(--secondary);
    position: relative;
    z-index: 11;
}

.content-catering-white .popular-title {
    font-size: 40px;
}

.content-catering-white .subheading {
    font-family: Mistral;
    font-size: 35px;
/*Part of Comment to make subtitle smaller text-transform: uppercase;*/
}

.items-reverse .content-catering-white {
    margin-left: auto;
    margin-right: -45px;
}

.btn {
	background-color: var(--themeRed);
	color: var(--white);
	font-family: Trueno-bold;
	border-radius: 6px;
	transition: 0.3s;
	font-size: 20px;
	padding: 8px 18px;
	text-transform: uppercase;
	margin-top: 10px;
}

.btn:hover {
	opacity: 0.9;
	transition: 0.3s;
}


.btn.btn-sm {
	font-size: 14px;
}

.mob-img {
	display: none;
}

.meal-cards img{
	/* width:70%; */
	/* height:250px; */
	}

.package-catering{
position: relative;
}	

.package-catering .banner-content{
max-width: 600px;
}

.package-catering .banner-content h2{
font-size: 46px;
  letter-spacing: 2px;
}

@media screen and (min-device-width: 1024px) and (max-device-width: 1380px) { 
.banner{
	height: calc(100vh - 450px);
}
}

@media(max-width:1024px) {

	.main_heading {
		font-size: 35px;
	}

	.content-catering .popular-title {
		font-size: 30px;
	}

	.content-catering .subheading {
		font-size: 28px;
	}
.content-catering-white .popular-title {
        font-size: 30px;
    }

    .content-catering-white .subheading {
        font-size: 28px;
    }
	.banner{
		height: calc(100vh - 400px);

}
}

@media(max-width:767px) {

	.package-card .d-flex {
		flex-direction: column !important;
	}

	.package-catering .banner-content{
		display: none;
	}

	.package-card .d-flex figure{
		width: 60% !important;
		margin: 0 !important;
		border-radius: 20px;
        overflow: hidden;
		position: relative;
		z-index: 111;
	}

	.content-catering {
		width: 100% !important;
        margin: -40px 0 0 !important;
        border-radius: 20px;
        padding-top: 65px;
        text-align: center;
	}
              .content-catering-white {
        width: 100% !important;
        margin: -40px 0 0 !important;
        border-radius: 20px;
        padding-top: 65px;
        text-align: center;
    }
	.desk-img {
		display: none;
	}

	.mob-img {
		display: block;
	}

	.big-btns {
		font-size: 30px;
		margin-bottom: 10px;
	}

	.meal-cards img{
	width:100%;
	height: auto;
	}

	.banner img{
    position: absolute;
	bottom:0;
	}
    
    .order-catering{
        display:block !important;
        transform: translate(0,0);
    top: auto;
    bottom: 0;
    left:0;
    right:0;
    max-width: 100% !important;
    }
    
    .order-catering h2{
        display:none;
    }
    
    .order-catering .btn{
    font-size:12px;
    }

}

@media(min-width:767px){

.banner img{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
max-width: 140%;
height: auto;
min-width: 140%;
}
	
}


@media screen and (min-device-width: 767px) and (max-device-width: 1024px) { 
.banner img{
max-width: 200%;
min-width: 200%;
}
}

@media(max-width:580px) {

.banner{
height: auto;
}

.banner img{
	position: static;
	}

	.footer_top img {
		max-width: 200px;
		margin: 0 auto 30px;
	}

	.footer_top .w-75 {
		width: 100% !important;
		margin: 0;
		text-align: center;
	}

	.big-btns {
		font-size: 20px;
        height: 75px;
	}

	.main_heading {
		font-size: 28px;
	}

	.content-catering {
		padding: 65px 30px 40px;
	}
               .content-catering-white {
        padding: 65px 30px 40px;
    }
	.footer_top div{
	margin: auto;
    text-align: center;
	}

	.meal-cards div{
		text-align: center !important;
	}

	.meal-cards img {
        width: auto;
		margin-bottom:10px;
    }
	

}
.card-img-top_h
{
    height:232px;
}
.card_h
{
    height:482px;
    margin-top:50px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.card-title
{
    height:54px;
}
.blog_page
{
   width:1140px;
   display: flex;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}