@media only screen and (min-width: 1399px)
{
.container{max-width:1400px;}
.medium-container{max-width:1100px;}
.small-container{max-width:900px;}	
}
@media only screen and (min-width: 1199px)
{
.container{max-width:1200px;}	
.small-container{max-width:900px;}	
.medium-container{max-width:1000px;}	
}
@media only screen and (min-width: 1024px)
{
.ct-menu-section{display: flex; width: 100%;align-items: center; justify-content: space-between;}
#cw-logo{ width: 25%;position:relative;}
#cw-menu{ width: 85%; display: flex; align-items: center; justify-content: flex-end;}
}

@media (max-width: 1024px)
{
body{font-size: 16px;}
ul#primary-menu li a{margin: 0;}
.button-link{padding:10px 15px;}
.innerpage_banner{padding:60px 0px;}
.innerpage_banner h1{font-size:55px;line-height:55px;}
.toggled ul#primary-menu.nav-menu{ display: flex; flex-direction: column; }
header#masthead{position:relative;top:0px !important;}
body.logged-in.admin-bar header#masthead{top:0px !important;padding: 15px 0px;}
header#masthead img.custom-logo{max-width: 250px;}
.ct-menu-section {margin-top: 0px;text-align:center;display: flex;align-items: center;justify-content: space-between;}

.mobile-button{display: block;}
ul#primary-menu li{border:0px;}
a.meanmenu-reveal span::before { content: ''; background-color: #000; width: 25px; height: 2px; padding: 3px 0 0 0; position: absolute; top: 5px; left: 0; transition: 0.5s;}
a.meanmenu-reveal span::after { content: ''; background-color: #000; width: 25px; height: 2px; padding: 3px 0 0 0; position: absolute; bottom: -7px; left: 0; transition: 0.5s;}
a.meanmenu-reveal.meanclose span::before { rotate: 45deg; transition: 0.5s; top: 12px;}
a.meanmenu-reveal.meanclose span::after { rotate: -45deg; transition: 0.5s; top: 12px;}
.mean-container .mean-nav{position:unset !important;}
/*  */
h1{font-size: 48px; line-height: 57px;}
h2{line-height: 50px; font-size: 42px !important; margin-bottom: 28px;}
h3{font-size: 26px !important;}
h5{margin-bottom: 30px; font-size: 16px !important;}
section{padding: 60px 0;}
section.features_section{padding-top: 60px;}
section.hero_section .hero-stats .stat-item:nth-child(1) {width: 40%;}
section.hero_section .banner_image img{max-width: 390px; object-fit: contain;}
section.hero_section .hero-stats .stat-item:nth-child(2), section.hero_section .hero-stats .stat-item:nth-child(3){width: 30%;}
section.hero_section .hero-stats{gap:10px}
section.hero_section .stat-item h3{font-size: 36px; line-height: 42px;}
section.hero_section .stat-item p{margin: 0;}
section.hero_section .hero-stats{margin-top: 34px;}
section.features_section .features-row {flex-wrap: wrap; gap: 6px;}
section.features_section .feature-title {font-size: 14px;}
section.info_section .info-header {margin: 0 auto 36px;}
section.info_section .info-items{gap: 20px;}
section.info_section .info-item{padding: 20px;}
section.info_section .info-note{margin: 30px auto 0;}
section.protein_info_section .protein-wrapper{    gap: 60px;}
section.protein_info_section .protein-right{margin-top: 40px; gap: 24px;}
section.protein_info_section .protein-item:first-child{padding: 40px 20px 40px 0;}
section.protein_info_section .protein-item:last-child{padding: 40px 0;}
section.image_content_section .detail-wrap{margin-bottom: 20px;}
section.image_content_section .image-content-right h6{margin-bottom: 6px;}
section.image_content_section .image-content-right p {font-size: 16px;}
section.image_content_section .detail-wrap:last-child{margin: 0;}
section.image_content_section .col-md-7{padding: 42px;}
section .detail-description {margin-bottom: 36px;}
section.recipe_listing_section .content h5{line-height: 22px; margin-bottom: 6px;}
section.recipe_listing_section .content p {line-height: 20px;}
section.recent_articles_section .home-button-wrap{margin: 20px 0 10px 0;}
section.steps_section{padding: 80px 0;}
section .detail-description{margin-bottom: 40px;}
section.steps_section .step-number{right: 15px; top: -8px; font-size: 80px;}
section.steps_section .step-card{padding: 20px;}
section.steps_section .step-card h4{margin-bottom: 0;}
section.tab_section{padding: 80px 0;}
section.tab_section .benefit-item{margin-bottom: 30px;}
section.tab_section .benefits-list::before{left: 102px;}
section.tab_section .benefit-icon img{max-width: 66px;}
.pricing_section .pricing-card{padding: 40px 20px 30px 20px;}
section.pricing_section{padding: 20px 0 80px 0;}
.pricing_section .pricing-card h4{font-size: 30px; line-height: 35px;}
.pricing_section .pricing-card h3{font-size: 36px !important; line-height: 42px;}
.site-footer .logo_sec_wrap .image_wrap img{max-width: 260px;}
#colophon.site-footer .col-md-1{display: none}
#colophon.site-footer .col-md-2{width: 25%;}
section.preparation_section{padding: 80px 0;}
section.preparation_section h2 {margin-bottom: 45px;}
section.innerpage_content.recipe_listing_section h2 {margin-bottom: 45px;}
section.innerpage_content{padding: 20px 0 60px 0;}
section.two_column_content_section-block{padding: 80px 0 60px 0;}

}

@media (max-width: 1024px) and (min-width: 992px)
{
.mean-container .mean-bar{display:none;}
}
@media (max-width: 991px) 
{
    section.hero_section .banner_image img{max-width: 350px;}
}
@media (max-width: 980px) 
{

/* General */
	
.container{max-width:880px;}
.container-medium{max-width:900px;}	
.container-sml{max-width:800px;}
.blog_container{max-width:750px;}
#canvas{display:none;}

/* Menu */
}

@media (max-width: 860px) 
{
.container{max-width:760px;}	
h2,h2 a{font-size:37px;}
h3,h3 a{font-size:25px;}
h4,h4 a{font-size:17px;}
h5,h5 a{font-size:17px;}
}

@media (max-width: 767px)
{
.container{max-width:700px;}
section {padding: 40px 0px !important;}
section.no-padding{padding:0px !important;}
.text_image_section-block {padding-top: 0px;}
header#masthead{position:relative;}
body{font-size: 17px;}
.tns-outer .tns-nav{right: 5%;}
.home h1 {font-size: 30px;}
.article_title_wrap h4 { line-height: 25px; }	

.col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {width: 100%;}
h1{letter-spacing: -1.5px; font-size: 32px; line-height: 40px;}
h2{font-size: 28px !important; line-height: 33px; margin-bottom: 22px;letter-spacing: -1px; }
h3{font-size: 22px !important; letter-spacing: -1px;line-height: 28px;}
h5{margin-bottom: 16px;}
section.hero_section .hero-text p{font-size: 16px; line-height: 25px;}
section.hero_section .banner_image{position: unset;}
section.hero_section .stat-item p{font-size: 14px; line-height: 20px}
section.hero_section .stat-item h3{margin-bottom: 6px;line-height: 28px;}
section.hero_section .banner_image{padding: 20px 0 0;}
section.hero_section .image_wrap{text-align: center;}
section.hero_section .banner_image img{ max-width: 260px;}
section.features_section .feature-icon{margin: 0 auto 4px;}
section.features_section .features-row{gap: 0;justify-content: space-between;}
section.info_section, section.recent_articles_section{padding-top: 20px !important;}
section.features_section, .preparation_section {padding-top:40px}
section.info_section .info-items{grid-template-columns: repeat(1, 1fr);}
section.info_section .info-item-content p{font-size: 14px;}
section.info_section .info-note p{font-size: 16px; line-height: 23px;}
section.info_section .info-header{margin: 0 auto 30px;}
section.protein_info_section .protein-right{ grid-template-columns: 2fr;margin-top: 20px;gap:20px;}
section.protein_info_section{padding-top: 40px !important;}
section.protein_info_section .protein-wrapper{gap: 0;grid-template-columns: 3fr;}
section.protein_info_section .protein-heading h2{margin-bottom: 12px;}
section.protein_info_section .protein-item:first-child{padding: 0; border: unset;}
section.protein_info_section .protein-icon{margin-bottom: 2px;}
section.protein_info_section .protein-item h4{font-size: 16px; margin-bottom: 16px;}
section.protein_info_section .protein-example{font-size: 12px;}   
section.protein_info_section .protein-item p {font-size: 14px; margin-bottom: 16px; line-height: 22px;}
section.protein_info_section .protein-item:last-child{padding: 14px 0 0;}
.image_content_section .col-md-5 {display: none;}
section.image_content_section .col-md-7{padding: 60px;}
.recent_articles_section h2{margin-bottom: 20px;}
section .detail-description{margin-bottom: 30px;font-size: 16px;}
section.recipe_listing_section .content_wrap{min-height: 130px;}
section.recent_articles_section .home-button-wrap{margin: 10px 0 0;}
.steps_section .row .col-md-6:first-child{margin-bottom: 20px;}
.steps_section .step-card p{line-height: 22px;}
 .steps_section .step-card  h4{margin-bottom: 8px;}
 section.tab_section .section-heading h2{margin-top: 20px;}
 section.tab_section .benefits-list{padding: 0; margin-top: 36px;}
 section.tab_section .benefits-list::before{left: 31px;}

     section.tab_section .benefit-item{margin-bottom: 26px;}

     section.tab_section .benefit-text p{line-height: 21px;}
     .pricing_section .pricing-card h4{font-size: 24px; line-height: 28px; margin-bottom: 4px;}
     .pricing_section .pricing-card p{font-size: 18px;}
     .pricing_section .pricing-card h3{font-size: 30px !important; line-height: 36px; margin-bottom: 4px;}
     .pricing_section .pricing-card ul{margin: 40px 0 20px 0;   }
     .pricing_section .pricing-card ul li{font-size: 18px; margin-bottom: 10px;}
.site-footer .logo_sec_wrap .image_wrap img{max-width: 200px; margin-bottom: 26px;}
.site-footer .logo_sec_wrap .text p:first-child{font-size: 16px;}
.site-footer .social_wrap{margin: 30px 0 20px; justify-content: space-between;}
.site-footer .col-md-6{width: 100%;}
#colophon.site-footer .col-md-2, #colophon.site-footer .col-md-3{width: 50%;}
.site-footer h6{margin-bottom: 8px;}
.site-footer .qr_wrap p{line-height: 22px;  }
.copy_right{padding-top: 30px; margin-top: 30px;display: flex; flex-direction: column; gap: 20px;}
section.features_section .features-row .feature-item{width: 33.33%;}
.preparation_section .preparation_steps .col-md-4 {margin-bottom: 10px;}
section.preparation_section h2{margin-bottom: 28px;}
.preparation_section h5{margin-bottom: 15px;}
.preparation_section, .innerpage_content {padding-top: 20px !important;}
section.innerpage_content.recipe_listing_section h2{margin-bottom: 22px;}
.pricing_section {padding: 20px 0 60px 0 !important;}
section.single_recipe_content .recipe-columns-wrap{grid-template-columns: 2fr;  }
section.single_recipe_content h4.recipe-title {    margin-bottom: 26px;}
section.single_recipe_content .recipe-columns-wrap .recipe-col:first-child{border: unset; padding: 0;}
section.single_recipe_content .recipe-columns-wrap{gap: 30px;}
section.related_recipes{padding: 20px 0 40px 0 !important;}
#quick-links li{padding: 2px 0;}
.site-footer .contact_wrap{gap: 10px;padding-top: 4px;}
#colophon .container {position: relative; z-index: 99;}
.two_column_content_section-block .content_wrap h2 br{display: none;}
.two_column_content_section-block .content_wrap{margin-bottom: 14px;}
section.two_column_content_section-block .content_wrap h6{margin-top: 30px;}

ul#primary-menu { text-align: center; padding: 20px 15px 15px 15px; float: unset; width: 100%; background: var(--primary-light-color); height: auto; min-height: 100%; min-width: 100vw; position: absolute; left: 0;margin-top: 20px; z-index: 999; }
a.meanmenu-reveal span::before, a.meanmenu-reveal span::after{background: var(--primary-color);}
.mean-container a.meanmenu-reveal span {height: 3px !important; width: 25px;background: var(--primary-color) !important;}
#masthead a.meanmenu-reveal.meanclose span {background: #fff !important;}
ul#primary-menu{background: var(--primary-color);}
ul#primary-menu li a{border:unset;}
ul#primary-menu {background: var(--primary-color); margin-top: 30px;}
.ajax-pagination{padding-top: 10px;}


}

@media (max-width: 668px)
{
body{font-size:16px;}	
/* .cw_blog_single_content p, .cw_blog_single_content ul li,.cw_blog_single_content p a, .cw_blog_single_content ul li a{font-size:18px;}
.cw_blog_single_content .wp-block-columns.stat_column.stat_column2 > div:first-child{flex-basis: 100%!important;} */
.container{max-width:600px;}	
#gototop{bottom:20px;right:10px;}
.cw_tabs .nav-tabs .nav-item{margin-left:5px;margin-right:5px;}	
}
@media (max-width: 576px)
{
.container{max-width:510px;}
}
@media (max-width: 480px)
{
.container{max-width:420px;}	
}
@media (max-width: 420px)
{
.container{max-width:365px;}
}
@media (max-width: 390px)
{
.buttons_wrap{display:block;}	
.container{max-width:335px;}
}
@media (max-width: 340px)
{
.container{max-width:300px;}
}