@media(max-width: 1199px){
    .explore-column-in {
        gap: 10px;
    }
    .explore-column-in .explore-title {
        font-size: 20px;
    }
    .recipe-top-summary,
    .recipe-right-column {
        padding-left: 5.5%;
    }
    
    .recipe-category ul li a{
        font-size: 16px;
    }
    .recipe-category ul li:before{
        top: 10px;
    }
    .newsletter-cta-section {
        background-position: bottom 0 left -50px, bottom 0 right -100px;
    }
    .single-blog-content p {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 20px;
    }
    .protein-footer-menu ul li {
        /* padding: 5px 16px; */
        padding: 5px 5px;
    }
    .protein-footer-menu ul li a {
        /* font-size: 16px; */
        font-size: 14px;
    }
}

@media(max-width: 992px){
    .recipe-top-summary,
    .recipe-right-column {
        padding-left: 12px;
    }
    .dish-info {
        padding: 15px 15px;
    }
    .dish-info--cellin{
        gap: 6px;
    }
    
    .dish-info--cellin span.icon {
        min-width: 30px !important;
    }
    .dish-info--cellin span.icon img {
        max-width: 100%;
        max-height: 30px;
    }
    .row.article-row {
        margin-left: -10px;
        margin-right: -10px;
    }
    .article-col {
        padding: 10px 10px !important;
    }
    .blog-category-pg .breadcrumbs {
        padding-top: 8px;
    }
    .recipe-card-title h3 {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 0;
    }
    .recipe-article-box {
        padding: 16px 10px;
    }
    .recipe-section {
        padding: 24px 0;
    }
    .recipe-category ul li a{
        font-size: 14px;
    }
    .recipe-category ul li:before{
        top: 8px;
    }
    .blog-article .blog-title {
        font-size: 18px;
    }
    .blog-top-sidebar {
        padding-left: 25px;
    }
    .protein-footer-menu {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .protein-footer-menu ul li {
        /* padding: 5px 8px; */
        padding: 5px 2px;
    }
    .protein-footer-menu ul li a {
        /* font-size: 14px; */
        font-size: 12px;
        padding: 2px;
    }
    .share-icons {
        width: 45px;
        padding-right: 5px;
    }
    .ingredients-card {
        padding: 15px 10px;
        width: calc(100% - 45px);
    }
}

@media(max-width: 767px){
    #header {
        padding: 10px 0;
    }
    .blog-hero{
        min-height: 200px;
    }
    .explore-column-in .explore-title {
        font-size: 16px;
    }
    .privacy-policy h1.blog-title.aos-init.aos-animate {
        padding-top: 0px;
    }
    .privacy-policy .blog-main-article {
        margin-top: 0px !important;
    }
    /* .explore-column-in .explore-img img {
        max-height: 30px;
        max-width: 30px;
    }
    .explore-list .explore-column:last-child .explore-column-in .explore-img img {
        max-height: 40px !important;
        max-width: 40px !important;
    }
    .explore-column-in .explore-img img {
        max-height: 40px;
        max-width: 40px;
    }*/
    .explore-column-in .explore-img {
        margin-bottom: 4px;
    }
    /*.explore-list .explore-column:last-child .explore-column-in .explore-img img {
        transform: scale(1.15);
    }*/
    .related-blog-post h2, .explore-section h2 {
        font-size: 20px;
        font-weight: 700;
        /* color: var(--black2); */
        margin-bottom: 10px;
    }
    .related-blog-post {
        padding: 30px 0 40px 0;
        /* background: #feeed8; */
    }
    .explore-section{
        padding: 30px 0 20px;
    }
    .single-blog-data h1.blog-title{
        font-size: 20px;
    }
    .blog-main-article .summary{
        font-size: 11px;
    }
    .big-article .blog-article-content .summary {
        height: 35px;
    }
    .blog-articles-top .author-name {
        font-size: 12px;
    }
    .author-name{
        font-size: 12px;
    }
    .article-col .author-name {
        font-family: var(--opensans);
        font-size: 12px;
    }
    .blog-article .blog-title,
    .article-col .blog-article .blog-title,
    .recipe-card-title h3 {
        font-size: 16px;
        font-family: var(--opensans);
    }
    .recipe-card-title h3{
        font-weight: 500;
        margin-bottom: .5rem;
    }
    .published-date,
    .blog-main-article .read-time{
        font-size: 9px;
    }
    .blog-main-article .read-time,
    .read-time{
        padding-left: 0;
    }
    .published-date img {
        width: 13px;
    }
    .read-time .timer-icon img {
        width: 12px;
    }
    .single-blog-content p {
        font-size: 12px;
        line-height: 1.45;
    }
    .single-blog-content h1,
    .single-blog-content h2 {
        font-size: 16px;
    }
    .single-blog-content h3,
    .single-blog-content h4 {
        font-size: 14px;
    }
    .single-blog-content h5,
    .single-blog-content h6 {
        font-size: 12px;
    }
    .share-post h5, .blog-cat h5 {
        font-size: 14px;
    }
    .hr-line {
        height: 3px;
    }
    .post-breadcrumb {
        padding-top: 5px;
    }
    #related-blog .blog-article .blog-title{
        font-size: 16px;
        /* color: var(--black2); */
        line-height: 1.35;
    }
    .copyright p {
        font-size: 12px;
        padding: 15px 0;
        margin: 0;
    }
    a.privacy-policy {
        font-size: 8px;
    }
    #footer {
        padding: 25px 0 20px;
    }
    .copyright{
        margin-bottom: 79px;
    }
    .footer-logo img {
        width: 100px;
    }
    .itc-logo img {
        width: 30px;
    }
    .site-logo {
        width: 65px;
    }
    .post-signle-content ol li, .post-signle-content ul li {
        font-size: 12px;
        margin-bottom: 2px;
        padding: 2px 5px 2px 12px;
    }
    .post-signle-content ol li:before, .post-signle-content ul li:before {
        top: 9px;
    }
    .sidebar-menu {
        width: 100%;
        max-width: 100%;
    }
    .summary-text p{
        font-size: 12px;
    }
    .breadcrumbs ul li a {
        font-size: 12px;
    }
    .breadcrumbs ul li:not(:last-child) a:after {
        top: 3px;
    }
    .breadcrumbs ul li:not(:last-child) a:after {
        top: 3px;
        margin-left: 0 !important;
        right: 3px;
    }
    .breadcrumbs ul li:not(:last-child) {
        margin-right: 2px;
    }
    .recipe-detail-top {
        padding: 12px 0 0px;
    }
    .recipe-featured-summary {
        padding: 0px 0;
    }
    .cooking-recipe-section {
        padding: 20px 0 30px;
    }
    .blog-hero h1 {
        font-size: 28px;
    }
    .banner-content{
        font-size: 12px;
        font-weight: 500;
        max-width: 280px;
        margin: auto
    }
    .blog-hero{
        height: 450px;
    }
    .login-btn {
        display: none;
    }
    .menu-toggle {
        width: 32px;
        height: 26px;
        padding: 5px;
    }
    .menu-toggle .toggle-iconbar {
        height: 2px;
    }
    .menu-toggle .toggle-iconbar + .toggle-iconbar {
        margin-top: 5px;
    }
    .blog-listing-top {
        padding: 20px 0;
    }
    .site-form {
        margin-bottom: 20px;
    }
    .blog-cat-menu ul {
        flex-wrap: nowrap;
        gap: 12px;
        overflow: auto;
    }
    .blog-cat-menu ul li a {
        font-size: 12px;
        padding: 12px 15px;
        min-width: 48px;
        text-align: center;
        white-space: nowrap;
    }
    .blog-cat-menu li {
        padding: 10px 0;
    }
    .close-menu {
        width: 16px;
    }
    .sidebar-menu {
        padding: 84px 0px 25px;
    }
    .sidebar-menu ul li a {
        font-size: 14px;
        padding: 15px;
    }
    .blog-main-article {
        padding: 12px;
    }
    .blog-main-article .blog-title {
        font-size: 17px;
        line-height: 1.5;
    }
    .blog-content-area {
        padding-left: 12px;
    }
    .blog-article {
        padding: 20px 0;
        border-bottom: 1px solid hsl(0deg 0% 85.1% / 55%);
    }
    .article-col .img-col {
        order: 2;
    }
    .article-col .content-col {
        order: 1;
    }
    .article-col {
        padding: 0px 20px !important;
    }
    .blog-article-content .summary {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        height: auto;
        margin-bottom: 5px;
    }
    .blog-article-content {
        width: 100%;
    }
    .featured-img {
        margin-bottom: 0px;
    }
    .bloginfo {
        margin-top: 6px;
    }
    .newsletter-cta-section h3 {
        font-size: 14px;
        margin-bottom: 16px;
    }
    .newsletter-cta-section {
        padding: 28px 15px;
    }
    .single-blog-data .blog-article-content .summary{
        font-size: 12px;
    }
    .single-blog-data .blog-article-content .summary {
        height: auto;
        white-space: normal;
        margin-bottom: 20px;
    }
    .single-blog-data .published-date {
        font-size: 10px;
    }
    #related-blog .featured-img.related-blogs-featured-img {
        padding-top: 85%;
    }
    #related-blog .img-col {
        margin-bottom: 12px;
    }
    #related-blog .owl-nav {
        display: none;
    }
    #related-blog .blog-article{
        border: none
    }
    .social-share-btns .heateor_sss_sharing_ul {
        display: inline-block;
    }
    div#ez-toc-container .ez-toc-title {
        font-size: 16px !important;
    }
    .single-blog span.ez-toc-title-toggle {
        right: 10px;
        top: 8px;
    }
    .protein-badge.badge-x2 {
        font-size: 11px;
        min-width: 140px;
        padding: 4px 30px 4px 8px;
        bottom: 10px;
    }
    .protein-badge {
        font-size: 6px;
        padding: 1px 20px 1px 4px;
        line-height: 1.4;
        min-width: 55px;
        bottom: 5px;
    }
    .protein-badge img {
        margin-right: 1px;
        width: 12px;
    }
    .share-n-summary {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .summary-text {
        padding-top: 5px;
        margin-bottom: 0px;
    }
    .share-n-print {
        margin: 10px 0 35px;
    }
    .ingredients-card{
        padding: 12px 12px;
    }
    .ingredients-card h3 {
        font-size: 20px;
        margin-bottom: 12px;
    }
    .ingredient-name-detail {
        padding: 6px 0 6px 0px;
    }
    .ingredient-name-detail .name {
        font-size: 14px;
        line-height: 1.45;
        padding: 5px 0;
    }
    .ingredient-name-detail .name:before {
        width: 4px;
        height: 4px;
        left: -13px;
        top: 13px;
    }
    .ingredient-name-detail .detail {
        font-size: 14px;
    }
    .check-ingredient-btn {
        font-size: 12px;
        font-weight: 700;
    }
    .recipe-right-column{
        margin-top: 40px;
    }
    .recipe-right-column h3 {
        font-size: 20px;
    }
    .step-number{
        font-size: 48px;
    }
    .step-content p{
        font-size: 12px;
    }
    .step-content {
        margin-bottom: 4px;
    }
    .newsletter-cta-section h3 {
        max-width: 320px;
    }
    .blog-top-sidebar .blog-article:first-child {
        padding-top: 20px;
    }
    .related-blog-inn {
        padding-right: 0;
    }
    .videoWrapper video {
        /* transform: scale(1.4); */
    }
    .explore-column-in {
        display: block;
        text-align: center;
    }
    .blog-top-sidebar .blog-article .blog-title {
        white-space: wrap;
        overflow: hidden;
        text-overflow: unset;
    }
    .subscribe-form input.form-control {
        height: 38px;
        padding: 8px 10px 8px 20px;
        font-size: 12px;
    }
    .subscribe-form button {
        width: 80px;
        height: 38px;
    }
    .subscribe-form button input,
    .subscribe-form button:hover input {
        font-size: 12px;
        padding: 8px 5px;
        height: 38px;
    }
    .newsletter-cta-section {
        background-image: url(../images/lemon-left-bottom.png), url(../images/leaf-right-top.png);
        background-position: bottom left, top right;
        background-repeat: no-repeat;
        background-size: 25px auto, 41px auto;
        min-height: 130px;
    }
    .category-title-section h2{
        font-size: 14px;
    }
    #header.header-transparent{
        position: relative;
        background: #fff;
    }
    #header.header-transparent .white-logo{
        display: none;
    }
    #header.header-transparent .color-logo{
        display: block !important;
    }
    div#ez-toc-container ul.ez-toc-list a {
        font-size: 14px !important;
    }
    .single-blog p{
        margin-bottom: 12px;
        font-size:12px;
        line-height: 17px;
    }
    .share-icons {
        width: 100%;
        padding-right: 0px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 5px;
    }
    .share-icons .heateor_sss_sharing_ul a {
        margin: 6px 10px !important;
    }
    .recipe-category ul li a {
        font-size: 12px;
        display: block;
    }
    .recipe-category ul li:before {
        width: 3px;
        height: 3px;
        top: 8px;
    }
    .recipe-category ul li {
        padding: 3px 8px;
    }
    .protein-badge.badge-x2 img{
        width: 22px;
        margin-right: 5px;
    }
    .recipe-card-featured{
        margin-bottom: 0px;
    }
    #related-blog .recipe-card-featured{
        margin-bottom: 5px;
    }
    .recipe-article-card .bloginfo {
        margin-top: 6px;
    }
    .recipe-article-card {
        padding: 20px 0;
        border-bottom: 1px solid hsl(0deg 0% 85.1% / 55%);
    }
    .recipe-article-box {
        padding: 0px 12px;
    }
    .related-recipes .recipe-article-box {
        padding: 0;
    }
    .suggestions-dropdown li a {
        padding: 15px 15px;
    }
    .search-result-item h2 {
        font-size: 16px;
    }
    .search-result-item p {
        font-size: 12px;
    }
    .search-result-item-in {
        border-radius: 8px;
        padding: 8px;
    }
    .search-input-text h1 {
        font-size: 18px;
        margin-bottom: 5px;
    }
    .search-count {
        font-size: 12px;
    }
    .search-top-filter{
        margin-bottom: 20px;
    }
    .search-results-section {
        padding: 70px 0 20px 0;
    }
    .single-blog .blog-main-article .read-time {
        font-size: 10px;
    }
    .top-share-btns {
        padding-left: 0;
    }
    .single-blog .author-info {
        width: 83.33333333%;
    }
    .recipe-top-summary {
        padding-top: 20px;
    }
    .ingredients-card{
        width: 100%;
    }
    .share-social{
        margin-top: 0;
    }
    .blog-filterbar{
        margin-bottom: 0;
    }
    .breadcrumbs{
        padding: 20px 0 5px;
    }
    .custom-pagination ul li a {
        min-width: 28px;
        height: 28px;
        line-height: 28px;
        font-size: 12px;
    }
    .custom-pagination ul li a span.prev,
    .custom-pagination ul li a span.next{
        background-size: 6px;
    }
    #header .menu-toggle img{
        height: 20px;
    }
    .blog-top-sidebar {
        padding-left: 12px;
    }
    .single-blog-data .blog-main-article .bloginfo {
        overflow: visible;
    }
    .share-popup-outer{
        margin-top: -5px;
    }
    .recipe-grid-list > .row {
        margin-left: -12px;
        margin-right: -12px;
    }
    .blog-top-sidebar .blog-article-content .summary{
        height: auto;
    }
    .blog-aritcle-grid .blog-article-content .summary {
        margin-bottom: 5px;
    }
    .single {
        padding-top: 52px;
    }
    .recipe-grid-list .recipe-article-card:last-child {
        border-bottom: none;
    }
    .blog-aritcle-grid .article-col:last-child .blog-article {
        border-bottom: none !important;
    }
    .blog-category-pg {
        padding-top: 50px;
    }
    .protein-footer-menu ul li {
        width: 100%;
        text-align: center;
    }
    .footer-logo{
        margin-bottom: 15px;
    }
    .protein-footer-menu {
        margin-bottom: 15px;
    }
    .ingredients-card-in table th {
        font-size: 17px;
        line-height: 1.2;
    }
    .ingredients-card-in table .td-caption td,
    .ingredients-card-in table td .quantity,
    .ingredients-card-in table td {
        font-size: 15px;
    }
    .ingredients-card-in table td .ingredient-name {
        font-size: 13px;
    }
    .protein-footer-menu ul li a {
        font-size: 14px;
    }
    .single-blog .breadcrumbs {
        padding-top: 0px;
    }
}

@media(max-width: 575px){
    .explore-column-in .explore-title {
        font-size: 12px;
        font-weight: 700;
    }
    /*.explore-column-in .explore-img img {
        max-height: 40px;
        max-width: 40px;
    }*/
    .dish-info {
        padding: 15px 25px;
        margin-left: -12px;
        margin-right: -12px;
        border-radius: 0;
    }
    .dish-info--cellin{
        flex-wrap: wrap;
        text-align: center;
    }
    .dish-info--cellin span.icon {
        margin: auto;
    }
    .dish-info--cellin span.text {
        width: 100%;
        display: block;
    }
    .blog-hero {
        height: 300px;
    }
}