@charset "utf-8";

/*--------------media query css------------------*/	
/*------------tablet landscape view------*/
@media (max-width:1600px) { 
	.banner-sec .banner-text { left:150px; }
	.banner-sec .banner-text { max-width: 590px; } 
}
@media (max-width:1400px) {
.banner-img { height: 650px; }
.banner-sec .banner-text { padding: 0 0 0 5%; left:0; max-width: 660px; }
/* .banner-sec.inner-banner .banner-text { padding: 0 5%; } */

}

@media (max-width:1200px) {
.main { width: 100%; padding: 0 5%; }

h1 { font-size: 62px; margin-bottom: 20px; }
h2 { font-size: 38px; margin-bottom: 20px; }
header { padding: 20px 0 0; }
.banner-img.white:before { content:""; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.5); width:100%; height:100%; }
.banner-img.black:before { content:""; position:absolute; left:0; top:0; background-color:rgba(255,255,255,0.5); width:100%; height:100%; }

.foo-menu ul li{ margin-right: 52px; }
nav ul li { margin-right: 30px; }
.stickHeader header nav ul li { margin-right: 20px;}
.banner-img { height: 550px; }
.banner-text h2 { font-size: 62px; }
.banner-text h3 { font-size: 20px; }
.overlay-text h2, .video-sec .overlay-text h2, .overlay-text h3 { font-size: 36px; line-height: 1 }
.overlay-text h3 { margin-bottom: 10px; }
.overlay-text a { font-size: 16px; }
.join-social { padding: 30px 0; }
.join-social ul li { margin-right: 12px; }
.instagram-sec { padding: 50px 0; }
footer .foo-menu { padding: 22px 0; }
.copyright-text { padding: 15px 0; }
.overlay-text a img { width: 44px; }
.video-sec { padding: 0; }
.common-sec p { font-size: 20px; }
.recipes-list-img { padding-bottom: 80%; }
.breadcrumbs { padding: 25px 0; }
.post-single-list ul li { width: 33%; }
.post-single-list ul li h6 { font-size: 18px; }
.post-print-share { padding: 0 0 30px; }
.nutrition-information-text { padding: 30px 0 0; }
.nutrition-information-text p { font-size: 16px; }
.nutrition-daily-text { padding: 0 0 30px; }
.breadcrumbs span { padding: 0 10px; }

.stickHeader .navbar .navbar-nav{ margin-left: 0%; }
.navbar-collapse { padding: 0 0 0 0; }
.stickHeader .navbar-collapse { padding: 0 0 0 20%; }
}

/*------------tablet portrait  view------*/
@media (max-width:991px) {
header { padding: 20px 0; }
header .logo img { width:100px;  }
.stickHeader .navbar-collapse{padding:0px;}
.menu-navbar { position:inherit; }
nav.bg-light{padding:0; position:inherit; }
.search-social{padding:6px 0 0 0;}
header .search-open{text-align:right}
.search-social ul:first-child{margin-right:15px;}
.foo-menu ul li, nav ul li { margin: 0; text-align: center; }
.stickHeader header nav ul li { margin:0; }

header {padding: 15px 0;}
header .logo{margin-bottom:5px;}

.recipes-cat-list { padding:20px 0 10px; } 
.navbar-collapse{position:absolute;left:0;top:100%;width:100%;background:#d36827; z-index:2;}
.navbar-toggler{ padding:2px 8px; }
nav ul li { padding:8px 0;border-bottom: 1px solid #ec772f;}
nav ul li a { padding: 0; color:#fff; }
nav ul li a:hover { color:#101113; }
nav ul li.current_page_item a { color:#101113; }
h1 { font-size: 54px; margin-bottom: 20px; }
h2 { font-size: 36px; margin-bottom: 20px; }
.banner-text h2 { font-size: 54px; }
.banner-text h3 { font-size: 18px; }
.banner-sec .banner-text { padding: 0 5%; margin: 0 }
.join-social ul li a img { width: 32px; }
.foo-menu ul li { margin-right: 30px; }
.overlay-text h2, .video-sec .overlay-text h2, .overlay-text h3 { font-size: 32px; }
.common-sec p { font-size: 18px; }

.stickHeader .navbar .navbar-nav{margin-left: 0;}

.navbar-light .navbar-toggler{border-color: rgb(213, 110, 48);}

.navbar-light span.navbar-toggler-icon{background-image: none;position: relative;    background: url(../images/navico.svg) center; background-repeat: no-repeat;}

/* .navbar-light span.navbar-toggler-icon:after{content: ""; display: inline-block; font-size: 38px; color: #d36827; line-height: 32px;position: absolute;top: 0;left: 4px;} */

.overlay-text{padding: 0 28px;}
.navbar-collapse { padding: 0; }
}

/*------------mobile landscape  view------*/
@media (max-width:767px) {
.banner-img.recipe-no-img { height:300px; }
h1 { font-size: 44px; }
h2 { font-size: 32px;margin-bottom:15px }
.post-single-list ul li { width: 100%; padding:10; margin-bottom:10px; }
.overlay { top:0; background-color: rgba(211,104,39,0.7); }
.recipe-instructions h3 { font-size: 24px; margin-bottom: 10px; line-height: 1 }
.banner-text h2 { font-size: 44px; }
.banner-text h3 { font-size: 17px; }
.banner-img { height: 450px; }
.owl-controls .owl-dot { margin-right: 10px; }
.owl-controls .owl-dot span { width: 15px; height: 15px; }
.images-sec { padding-bottom: 70%; }
.instagram-sec ul, .instagram-sec ul.instagram-right { width: 100% }
.foo-menu ul li { margin-right: 8px }
.foo-menu ul li a { font-size: 16px; }
.cus-btn { font-size: 16px; padding: 10px 12px; }
.owl-controls { bottom: 20px; }
.search-form input[type="search"] { padding: 10px 40px 10px 15px; font-size: 20px; }
.video-sec { padding: 0;}
.video-list-img { padding-bottom: 65%;}
.overlay-text h2, .video-sec .overlay-text h2 { font-size: 30px; }
.common-sec { padding: 30px 0;}
p { padding-bottom: 20px;}
p br { display: none;}
.recipe-instructions ul { margin-bottom: 20px;}
.not-found { padding: 30px 0;}

.navigation.pagination{padding:20px 15px;}
.nav-links span, .nav-links a{font-size:16px;}

.main-header .col-sm-12{width:30%;flex:auto}
.main-header .col-sm-12.search-open{width:70%;}
.banner-sec.inner-banner .banner-img { height:450px; }
.banner-sec.inner-banner .banner-img.media-details {height: 220px;}
}

/*------------mobile portrait view------*/
@media (max-width:640px) {
h1 { font-size: 40px; line-height: 1; }
h2 { font-size: 28px; line-height: 1; }
p, .common-sec p, li { font-size: 16px; }
.recipe-instructions ul li { font-size: 16px; }
.nutrition-information-text p { font-size: 14px; }
.nutrition-daily-text span { font-size: 14px; line-height: 1.2 }
.banner-text h2 { font-size: 40px; line-height: 1; }
.banner-text h3 { font-size: 16px; line-height: 1.1; }
.banner-img { height: 400px; }
.join-social ul li { margin-right: 8px; }
.join-social ul li a img { width: 28px; }
.post-single-list { padding: 10px 0; }
.post-single-list ul li { width: 100%; padding: 0; margin-bottom: 10px; }
.post-single-list ul li:last-child { width: 100%; margin: 0 }
.breadcrumbs span { padding: 0 5px; }

footer .foo-menu { padding:15px 0; }

.overlay-text a {font-size: 14px; }

}

/*----------optional css------*/
@media (max-width:575px) {
h1 { font-size: 36px; margin-bottom: 15px; }
h2 { margin-bottom: 15px; }
.banner-text h2 { font-size: 34px; }
.video-list-img, .recipes-list-img { padding-bottom: 56.25%; }
.overlay-text h2, .video-sec .overlay-text h2, .overlay-text h3 { font-size: 24px; }
.print-recipe { margin: 0 0 10px 0; width: 100%; }
}

@media (max-width:479px) {
h1 { font-size: 32px;}
.banner-img { height: 350px; }
.banner-sec.inner-banner .banner-img {height: 500px;}
}