@media screen and (min-width: 200px) and (max-width: 409px) {
  .header-menu ul li.menu-item a {
    font-size: 13px;
  }
}

@media screen and (max-width: 440px) {
  .column-div.calories_recipe p,
  .column-div.servings p {
    display: inline-block;
    margin-top: 10px;
  }

  .column-div.cooking_time p {
    display: inline-block;
    margin-top: -15px;
  }
}

/* #### For mobiles #### */
@media (max-width: 1280px) {
  .container {
    width: 1024px;
    margin: 0 auto;
    max-width: 1024px;
  }

  .logo-block {
    width: 53%;
  }

  .header-socials {
    width: 25%;
    padding: 25px 0 0;
  }

  .top-menu {
    padding: 25px 0 0;
  }
}

@media (max-width: 1030px) {
  .container {
    width: 991px;
    margin: 0 auto;
    max-width: 991px;
  }
}

@media (max-width: 992px) {
  .container {
    width: 768px;
    margin: 0 auto;
    max-width: 768px;
  }

  .header-socials {
    width: 25%;
    padding: 20px 0 0;
  }

  .header-socials ul li a i,
  .top-menu button {
    font-size: 16px;
  }

  .top-menu {
    padding: 20px 0 0;
  }
  .recipe-post-ul.post-border
    li.post-margin.cookbook-post-container
    .feature-block
    .gradient-container
    .feature-text
    h2
    a {
    color: #4c4c4c;
    line-height: 32px;
    margin-bottom: 0;
    font-family: "Cormorant Garamond", serif;
    text-decoration: none;
    font-size: 22px;
    line-height: 22px;
  }
}

@media (max-width: 600px) {
  .header-socials,
  .top-menu {
    padding-top: 15px;
  }
}

@media (max-width: 480px) {
  .header-socials,
  .top-menu {
    padding-top: 12px;
  }
}

@media (max-width: 360px) {
  .header-socials,
  .top-menu {
    padding-top: 8px;
  }

  .logo-block {
    width: 80%;
  }
}

@media screen and (max-width: 767px) {
  body {
    overflow-x: hidden;
  }

  .overflow-section .today_stories .post-border.list-format img {
    max-height: 100%;
  }

  .overflow-section .grid-container.load-li .post-border.list-format li {
    width: 100%;
    margin-bottom: 30px;
  }

  #topStories.overflow-section .today_stories .article-subtitle p {
    padding: 5px 5px;
  }

  .trending-overlay {
    display: block;
  }

  #ogp-header {
    display: none;
  }

  .off-canvas-wrapper,
  .fixed-header {
    display: block;
  }

  .off-canvas-wrapper .slidebar-menu {
    margin-bottom: 20px;
    padding: 15px;
  }

  .mobile-slideout-open .navbar-toggle {
    display: block;
  }

  .trending-overlay .slidebar-trending .image_div {
    height: 74px;
    display: inline-block;
  }

  /*css for search*/
  .slidebar-content .searchandfilter ul li.sf-field-post_type,
  .slidebar-content .searchandfilter ul li.sf-field-category {
    display: none;
  }

  li.sf-field-search label {
    width: 100%;
    padding: 0 10px;
  }

  li.sf-field-search {
    width: 100%;
    padding: 30px 0 10px 0;
  }

  .off-canvas .slidebar-content form input {
    margin-left: 0;
    width: 100%;
  }

  .slidebar-content .slidebar-search {
    padding: 5px 0px;
    width: 100%;
  }

  .slidebar-content .slidebar-search form {
    margin-left: 0%;
  }

  .slidebar-content .slidebar-search .searchandfilter ul {
    padding: 10px;
  }

  .slidebar-content .slidebar-search input::placeholder {
    font-size: 15px;
    color: #4d4d4d;
    font-family: "Cormorant Garamond", serif;
  }

  /*Css for header*/
  .slidebar-trending-item .trending-post-title a,
  .slidebar-trending .trending-post-title a {
    font-size: 14px;
  }

  .off-canvas-wrapper ul#menu-new-header-1 li.home-menu-class a:hover {
    color: #fff;
  }

  .off-canvas-wrapper ul#menu-new-header-1 li.animal_monster a:hover {
    color: #12c9d2;
  }

  .off-canvas-wrapper ul#menu-new-header-1 li.food-menu-class a:hover {
    color: #ffd300;
  }

  .off-canvas-wrapper ul#menu-new-header-1 li.recipe-menu-class a:hover {
    color: #1fb566;
  }

  .off-canvas-wrapper ul#menu-new-header-1 li.health_monster a:hover {
    color: #a97dfb;
  }

  .off-canvas-wrapper ul#menu-new-header-1 li.buzz_monster a:hover {
    color: #ffac9e;
  }

  .off-canvas-wrapper ul#menu-new-header-1 li.life_monster a:hover {
    color: #ff69b3;
  }

  .off-canvas-wrapper ul#menu-new-header-1 li.earth_monster a:hover {
    color: #12c9d2;
  }

  .off-canvas-wrapper ul#menu-new-header-1 li a:hover {
    border-bottom: 2px solid #fff;
  }

  .off-canvas-wrapper .site-title {
    padding-right: 0;
  }

  .container {
    width: 100%;
    margin: 0 auto;
    max-width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
  }

  .header-socials ul li {
    display: none;
  }

  .header-socials ul li:last-child {
    display: block;
    border: 0;
  }

  .logo-block {
    width: 70%;
    margin: 0 auto;
    float: none;
  }

  .header-socials {
    width: auto;
  }

  /*App download link*/
  .download-app {
    display: block;
  }

  /*End*/
  .recipe-todays-stories .close-desktop {
    display: block;
  }

  .discover-recipe {
    display: none;
  }

  .recipe-todays-stories .loader .closebtn {
    margin-top: 0;
  }

  .close-desktop {
    display: none;
  }

  .close-mob {
    display: block;
  }

  .weeklyStories .loader .closebtn {
    margin-top: 0px;
  }

  .loader .closebtn {
    display: none;
    margin-top: 20px;
    top: 33px;
    top: 100%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    position: absolute;
  }

  .light-green.main_banner {
    margin-top: 0px;
  }

  .loader.load-more4.today_stories {
    padding: 10px 0px 10px 0;
  }

  .profile-content h2.name {
    margin-top: 10px;
    display: inline-block;
  }

  .bio p.more {
    display: inline-block;
    padding-top: 0px;
  }

  .bio {
    display: inline-block;
    margin-top: 10px;
  }

  .morecontent a,
  .other_recipes a {
    font-size: 13px;
  }

  .bio p {
    font-size: 16px;
  }

  body {
    background: rgba(255, 255, 255, 1) !important;
    padding: 40px 0 0 0;
  }

  .header-menu ul li {
    width: 50%;
  }

  .header-menu ul li a {
    font-size: 16px;
  }

  .ad-img img {
    width: 100%;
    height: 100%;
  }

  .ad-img iframe {
    width: 100%;
    height: 100%;
  }

  .ad-img iframe #google_image_div img {
    width: 100%;
  }

  .fixed-ad {
    display: none;
  }

  .sovrn160_600 {
    display: none;
  }

  .pubg160_600 {
    display: none;
  }

  .cat_title h2 {
    font-size: 44px;
  }

  .title-section .cat_title {
    margin-top: 40px;
  }

  .main_banner img {
    width: 100%;
    height: 100%;
    min-height: 257px;
  }

  .main_banner .empty-slider-image img {
    width: 100%;
    height: 450px;
    min-height: 450px;
  }

  .close-mob .fa-times-circle-o {
    font-size: 30px;
  }

  .vission {
    padding: 0px 0 20px;
  }

  .empty-slider-image {
    width: 100%;
    height: auto;
    min-height: auto;
  }

  ol.carousel-indicators {
    top: 430px;
    margin-bottom: 0px;
  }

  .carousel-indicators {
    position: relative !important;
  }

  .banner_box.human-interest {
    border-top: 4px solid #eb7d01;
  }

  .banner_box.animalsandnature {
    border-top: 4px solid #c9504a;
  }
  .banner_box.animals {
    border-top: 4px solid #c9504a;
  }

  .banner_box.vegan-food {
    border-top: 4px solid #ffd300;
  }

  .banner_box.vegan-recipe {
    border-top: 4px solid #1fb566;
  }

  .banner_box.natural-health {
    border-top: 4px solid #a97dfb;
  }

  .banner_box.environment {
    border-top: 4px solid #12c9d2;
  }

  .banner_box.news {
    border-top: 4px solid #ffac9e;
  }

  .banner_box {
    width: 100%;
    padding: 25px 15px 20px;
    background: #fff;
    min-height: 180px;
  }

  .ad-section {
    margin-top: 20px;
  }

  .banner_box h2 {
    padding: 0px 2px;
    line-height: 27px;
    font-size: 20px;
    margin: 0;
    position: relative;
    top: auto;
    left: auto;
    transform: none;
  }

  .banner_box h2 a {
    font-size: 26px;
    line-height: 30px;
  }

  .today_stories
    .grid-container
    .todays-stories-content
    span.display-block-tag {
    line-height: 18px;
  }

  p.akismet_comment_form_privacy_notice {
    margin-left: 10px;
  }

  .banner_shares_Hours {
    padding: 14px 15px 0;
    font-size: 12px;
  }

  .animal.Recipes {
    margin-top: 0;
  }

  .recipe-diet ul li {
    min-height: 30px;
    padding: 1px;
  }

  .recipe-diet ul li a {
    font-size: 12px;
    padding: 4px;
  }

  h2.line-on-sides:before {
    display: none;
  }

  .today_stories h2.line-on-sides,
  .today_stories h1.line-on-sides {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .Recipes.browse-all-content .today_stories h2.line-on-sides {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
  }

  .life-section,
  .food-section,
  .health-section,
  .news-section,
  .animal-section,
  .recipe-section,
  .earth-section {
    margin-top: 20px;
  }

  .front-page {
    margin-top: 20px;
  }

  .pagecontent.marginbtm {
    padding-top: 0;
  }

  body.page-template .todays-mainpg {
    padding-top: 20px;
  }

  #topStories .today_stories h2.line-on-sides {
    text-align: center;
  }

  .today_stories h2.line-on-sides span,
  .today_stories h1.line-on-sides span {
    font-size: 30px;
    text-align: left;
    padding: 0 15px;
  }

  .mission.our-vision h2.line-on-sides span {
    padding: 0 15px 0 0;
  }

  .today_stories h2,
  .today_stories h1 {
    font-size: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
  }

  .post-author.author center {
    width: 100%;
    margin-left: 0px;
  }

  .menu-bar.animal-menu .menu-div ul li a {
    font-size: 11px;
    padding: 5px;
  }

  .padd-section.container .today_stories {
    padding: 10px 0;
  }

  .today_stories.general-title.human-interest {
    background: #eb7d01;
    color: #fff;
  }

  .today_stories.general-title.animalsandnature {
    background: #c9504a;
    color: #fff;
  }
  .today_stories.general-title.animals {
    background: #c9504a;
    color: #fff;
  }

  .donate_breaker_section .support-h2 {
    width: 100%;
    text-align: center;
  }

  .donate_breaker_section .donatebox-front-pg {
    width: 100%;
    margin: 0;
    margin-top: 20px;
  }
  .donatebox-front-pg #Subscribe_id.btn-info {
    font-size: 24px;
  }
  .donatebox-text {
    text-align: center;
  }
  .donatebox-front-pg input::placeholder {
    line-height: 20px;
    padding: 5px 10px;
  }

  /*Newsletter breaker*/
  .news-block h2.widgettitle {
    font-size: 36px;
    font-weight: bold;
    color: #4d4d4d;
    line-height: 40px;
    margin-top: 0px;
    position: relative;
    margin-bottom: 0px;
    font-family: "Cormorant Garamond", serif;
    font-style: italic;
    text-align: center;
    display: block;
  }
  .ogp-text {
    display: block;
    width: 100%;
    font-family: "Cormorant Garamond", serif;
    font-size: 20px;
    display: block;
    padding: 20px 15px 0px 15px;
    text-align: center;
  }

  .newsletter_breaker_section .grid-container .nl_donate_breaker {
    text-align: center;
  }
  .news-block input[type="email"]::placeholder {
    font-size: 24px;
    line-height: 20px;
    padding: 5px 10px;
  }
  .newsletter_block .news-block input[type="submit"] {
    font-size: 24px;
  }
  .newsletter_breaker_section.newsletter_block
    .grid-container.news-block
    div.widget_text:nth-child(2) {
    /* display:none; */
  }

  .newsletter_breaker_section.newsletter_block .widget_text .playstore-add h2 {
    font-size: 36px;
    font-weight: bold;
    color: #4d4d4d;
    line-height: 40px;
    margin-top: 0px;
    position: relative;
    margin-bottom: 0px;
    font-family: "Cormorant Garamond", serif;
    font-style: italic;
    text-align: center;
    display: block;
    text-transform: none;
  }
  .newsletter_breaker_section.newsletter_block
    .widget_text
    .playstore-add
    h2
    strong {
    color: #4d4d4d;
    text-transform: none;
    display: block;
  }
  .newsletter_breaker_section .playstore-add .fa-3x {
    font-size: 70px;
  }
  .newsletter_breaker_section .newsletter_block .grid-container .playstore-add {
    margin-bottom: 20px;
  }
  /*End*/
  .today_stories.general-title.vegan-recipe {
    background: #46b248;
    color: #fff;
  }

  .other_recipes {
    margin-top: 0px;
    line-height: 45px;
  }

  .profile-content.post-author-info .morecontent a.morelink {
    display: table;
  }

  .morecontent a.morelink {
    margin-top: 0px;
  }

  .profile-socials ul li:nth-child(1) {
    margin-left: -5px;
    margin-right: 5px;
  }

  .comments-section h2.line-on-sides:before {
    display: none;
  }

  .author-wrapper {
    margin-top: 0;
  }

  .post-author-info h2 {
    font-size: 30px;
  }

  .margin-bottm.head-padd.vegan-recipe {
    margin-bottom: 0;
  }

  .today_stories.general-title.news {
    background: #ffac9e;
    color: #fff;
  }

  .today_stories.general-title.environment {
    background: #12c9d2;
    color: #fff;
  }

  .today_stories.general-title.natural-health {
    background: #a97dfb;
    color: #fff;
  }

  .side-bar .trending-post-title {
    padding: 0 10px;
  }

  h2.line-on-sides:before {
    background: url(./img/headerline.png);
    background-size: 100%;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    top: 50%;
    width: 100%;
  }

  .today_stories.general-title.vegan-food {
    background: #fff;
    color: #fff;
  }

  .todays-mainpg .general-title {
    padding: 10px 0 10px 0;
  }

  body.page-template #welcome-to-new {
    margin-top: 20px;
  }

  .founder-img.floatR {
    margin-bottom: 40px;
  }

  .about-us-section.todays-mainpg .general-title {
    padding: 0;
  }

  .feature .iphone-block .feature-text .playstore {
    text-align: center;
  }

  .container.titleCss h2.line-on-sides:before {
    width: 100%;
  }

  .about-us-section .general-title {
    margin-bottom: 0px;
  }

  .user-reviews {
    margin-top: 0;
  }

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

  .todays-food-stories .loader.today_stories {
    margin-bottom: 30px;
  }

  .today_stories .vegan-food h2.line-on-sides {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .feature-block.container {
    padding: 0;
    margin-bottom: 0px;
    position: relative;
    background: rgba(255, 255, 255, 1) !important;
  }

  .post-border li.marginbtm {
    margin-bottom: 0;
  }

  .loader.today_stories {
    padding: 10px 0px 20px 0;
  }

  .post-margin {
    margin-top: 0px;
  }

  .newsletter_breaker_section.newsletter_block {
    margin-bottom: 0px;
  }

  ul.recipe-post-ul.post-border li.post-margin {
    width: 100%;
    padding: 0;
  }

  li.cookbook-post-container .feature-block,
  li.cookbook-post-container.reverse .feature-block {
    flex-direction: column;
    flex-flow: column-reverse;
    align-items: center;
  }

  .recipe-post-ul .container.first-container,
  .container.second-container,
  .container.third-container,
  .container.fourth-container,
  .container.fifth-container {
    padding-left: 0;
    padding-right: 0;
  }

  li.cookbook-post-container .feature-block .gradient-container,
  li.cookbook-post-container.reverse .feature-block .gradient-container {
    padding: 0 1px 1px 1px;
  }

  li.cookbook-post-container .feature-block .gradient-container .feature-text {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 125px;
  }

  li.cookbook-post-container
    .feature-block
    .gradient-container
    .feature-text
    h2 {
    padding: 0;
  }

  li.cookbook-post-container
    .feature-block
    .gradient-container
    .feature-text
    h2
    a {
    font-family: "Cormorant Garamond", serif;
    color: #4c4c4c;
    font-size: 20px;
    line-height: 20px;
    height: auto;
  }

  li.cookbook-post-container .feature-block .image-container .feature-img {
    display: flex;
    justify-content: center;
    background-color: #dbe8e8;
  }

  .ad-img {
    margin-bottom: 0px;
  }

  .main_banner #tcb-testimonial-carousel {
    margin-top: -20px;
  }

  .video_breaker_section .today_stories .grid-container div p,
  .Recipes .grid-container div p,
  .vegan_thanks_giving_breaker .today_stories .grid-container div p,
  .Recipes .grid-container div p {
    padding: 0px 10px 0;
  }

  /*Recipe-going-viral in new structure*/
  .thumbnail-section-wrapper .thumbnail-section .empty-image-box.thumbnail-img {
    width: 50%;
    display: inline-block;
    float: left;
    min-height: 120px;
    max-height: 120px;
  }

  .thumbnail-section-wrapper
    .thumbnail-section
    .empty-image-box.thumbnail-img
    img {
    min-height: 120px;
    max-height: 120px;
  }

  .thumbnail-section-wrapper
    .thumbnail-section
    .todays-stories-content.thumbnail-text {
    width: 50%;
    display: inline-block;
    float: right;
    height: 120px;
    position: relative;
  }

  .thumbnail-section-wrapper
    .thumbnail-section
    .todays-stories-content.thumbnail-text
    p {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
  }

  .today_stories .grid-container .todays-stories-content.thumbnail-text span,
  .thumbnail-article {
    display: none;
  }

  .thumbnail-section-wrapper .grid-container.load-li li {
    min-height: 0 !important;
  }

  /*End*/
  #main-content .slidebar-trending li {
    list-style: none;
    margin-bottom: 10px;
  }

  #main-content .slidebar-trending li .image_div {
    height: 74px;
    width: 30%;
    display: inline-block;
    float: left;
  }

  #main-content .slidebar-trending li .trending-post-title {
    float: right;
    display: inline-block;
    height: 74px;
    width: 70%;
    position: relative;
  }

  #main-content .slidebar-trending li .trending-post-title h2 a {
    font-size: 14px;
    text-align: center;
    padding-bottom: 0px;
    color: #4c4c4c;
    line-height: 12px;
    margin-bottom: 0;
    font-family: "Cormorant Garamond", serif;
    text-decoration: none;
  }

  #main-content .slidebar-trending li .trending-post-title h2 {
    margin-bottom: 0;
    margin-top: 0;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    line-height: 12px;
    padding-right: 10px;
    text-align: left;
    padding-left: 10px;
  }

  #main-content ul.slidebar-trending li:nth-child(even) .image_div {
    float: left;
  }

  #main-content ul.slidebar-trending li:nth-child(even) .trending-post-title {
    float: right;
  }

  #topStories.todays-mainpg .recipes_going_viral_breaker_section .today_stories,
  #topStories.todays-mainpg .vegan_thanks_giving_breaker .today_stories {
    padding: 15px;
  }

  .viral-recipes .today_stories.bg-gray {
    background: #fff;
    padding-bottom: 0px;
  }

  ul.post-border li:nth-child(odd) .feature-img img {
    border-right: none !important;
  }

  ul.post-border li:nth-child(even) .feature-img img {
    border-left: none !important;
  }

  .feature-text {
    min-height: 40px;
    height: auto;
    width: 100%;
  }

  .recipe-post-ul .feature-text {
    min-height: 40px;
    height: auto;
    width: 100%;
  }
  .recipe-post-ul .fifth-container li.post-margin:nth-child(1) .feature-text,
  .recipe-post-ul .fifth-container li.post-margin:nth-child(6) .feature-text {
    min-height: 40px;
    height: auto;
    width: 100%;
  }

  .floatR h2 a {
    font-size: 20px;
    line-height: 20px;
    height: auto;
  }

  .feature-block {
    height: auto;
  }

  .bg-gray .today_stories {
    margin-bottom: 0px;
  }

  ul.post-border.recipe-post-ul li.post-margin {
    margin-bottom: 30px;
  }

  .feature-block .feature-text h2 {
    height: auto;
    top: 0%;
    left: 0%;
    margin-right: 0%;
    transform: translate(0%, 0%);
    position: relative;
    line-height: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .animal.Recipes.viral-video.video_breaker_section,
  .animal.Recipes.viral-video.video_breaker_section .container {
    background: #f2f2f2;
  }

  .video_breaker_section.thumbnail-section-wrapper
    .today_stories
    .grid-container
    div
    p
    a {
    font-size: 14px;
    line-height: 18px !important;
  }

  .fm-app-wrapper > div,
  .nl-wrapper > div {
    width: 80%;
  }

  .video_breaker_section
    .food-stories.bottom-border:hover
    .todays-stories-content
    a {
    color: #000;
  }

  .viral-recipes .container,
  .viral-recipes,
  .animal.Recipes .container {
    background: #ffff;
  }

  .grid-container.load-li li {
    width: 100%;
    background: #fff;
    padding: 0px;
  }

  .recipes_going_viral_breaker_section h2.line-on-sides span,
  .latest_food_breaker_section h2.line-on-sides span,
  .vegan_thanks_giving_breaker h2.line-on-sides span,
  .latest_lifestyle_breaker_section h2.line-on-sides span,
  .latest_health_breaker_section h2.line-on-sides span,
  .latest_earth_breaker_section h2.line-on-sides span,
  .latest_animal_breaker_section h2.line-on-sides span,
  .browseAll_section h2.line-on-sides span {
    background: #fff;
    padding: 0 15px;
  }

  .video_breaker_section h2.line-on-sides span {
    background: #f2f2f2;
    padding: 0 15px;
  }

  .carousel-control.right {
    right: 0px;
  }

  .carousel-control.left {
    left: 0;
  }

  .breaker-overlay-effect {
    left: 0;
    right: 0;
  }

  .empty-image-box a .fa {
    left: 1%;
    top: 57%;
  }

  .view-more-div .view-more {
    margin-left: 0px;
  }

  .grid-container.load-li li:nth-child(1),
  .grid-container.load-li li:nth-child(2),
  .grid-container.load-li li:nth-child(3) {
    min-height: 270px;
  }

  .todays-mainpg .grid-container.load-li li {
    margin-bottom: 30px;
  }

  .todays-mainpg .todays-food-stories .grid-container.load-li li {
    margin-bottom: 0px;
  }

  .latest_health_breaker_section .load-li li,
  .latest_food_breaker_section .load-li li,
  .vegan_thanks_giving_breaker .load-li li,
  .recipes_going_viral_breaker_section .load-li li,
  .latest_lifestyle_breaker_section .load-li li,
  .latest_earth_breaker_section .load-li li,
  .latest_animal_breaker_section .load-li li {
    background: #f9f9f9;
  }

  .today_stories img {
    height: 100%;
    object-fit: cover;
  }

  .today_stories .grid-container div p,
  .Recipes .grid-container div p {
    transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    top: 0;
  }

  .today_stories .grid-container .weekly-stories-ul p {
    padding: 0px 10px;
    margin-bottom: 0;
  }

  .today_stories .grid-container .weekly-stories-ul p {
    padding: 0px 10px;
    margin-bottom: 0;
  }

  .today_stories .grid-container .todays-stories-mobile p {
    padding: 20px 10px;
  }

  .today_stories .grid-container .todays-stories-mobile p a {
    font-size: 20px;
    line-height: 25px;
  }

  .today_stories .grid-container .todays-stories-mobile {
    position: relative;
  }

  .today_stories .grid-container .todays-stories-mobile .empty-image-box,
  .todays-food-stories .empty-image-box {
    min-height: 450px;
    height: 450px;
    width: 100%;
    position: relative;
  }

  .topStories .empty-image-box,
  .topStories .empty-image-box img,
  .todays-food-stories .empty-image-box img {
    min-height: 450px;
    height: 450px;
    width: 100%;
  }

  .today_stories .grid-container .todays-stories-mobile .empty-image-box img {
    height: 100%;
    max-height: 450px;
    min-height: 450px;
  }

  .today_stories
    .grid-container
    .todays-stories-mobile
    .todays-stories-content {
    min-height: 40px;
    height: auto;
    width: 100%;
  }

  .today_stories
    .grid-container
    .todays-stories-mobile
    .todays-stories-content {
    left: 0;
    display: inline-block;
    right: 0;
    margin: 0 auto;
    vertical-align: middle;
    text-align: center;
    background: #fff;
  }

  .founder-img img {
    width: auto;
    max-width: 100%;
  }

  .today_stories .grid-container .weekly-stories-ul .article-subtitle p {
    padding: 3px 5px;
  }

  li.post-margin .feature-block .article-subtitle p {
    font-size: 10px;
  }

  .feature-img .article-subtitle p,
  .today_stories .grid-container .article-subtitle p {
    padding: 2px 5px;
  }
  li.post-margin .feature-block .article-subtitle {
    top: 100%;
    left: 50%;
    margin: 0;
    transform: translate(-50%, -50%);
    display: inline-block;
    position: absolute;
    height: 28px;
    right: auto;
    text-align: center;
    z-index: 90;
  }

  .monthly-topStories .general-title {
    margin-bottom: 0;
  }

  #main-content-new {
    margin-top: 0;
  }

  .grid-container.load-li li {
    min-height: 320px;
    margin-bottom: 20px;
  }

  .todays-mainpg .grid-container.load-li li.weekly-stories-li {
    margin-bottom: 20px;
  }

  .rltd-post .grid-container.load-li li:nth-child(2) {
    border-left: none;
    border-right: none;
  }

  .trending_breaker_section
    ul.weekly-stories-ul
    li.weekly-stories-li:nth-child(odd)
    .thumbnail-text {
    float: none;
  }

  .trending_breaker_section
    ul.weekly-stories-ul
    li.weekly-stories-li:nth-child(even)
    .thumbnail-text {
    float: none;
  }
  .trending_breaker_section
    ul.weekly-stories-ul
    li.weekly-stories-li:nth-child(odd)
    .thumbnail-img {
    float: none;
  }
  .trending_breaker_section
    ul.weekly-stories-ul
    li.weekly-stories-li:nth-child(even)
    .thumbnail-img {
    float: none;
  }
  /*Weekly left and right*/
  ul.weekly-stories-ul li.weekly-stories-li:nth-child(odd) .thumbnail-img {
    float: left;
  }

  ul.weekly-stories-ul li.weekly-stories-li:nth-child(odd) .thumbnail-text {
    float: right;
  }

  ul.weekly-stories-ul li.weekly-stories-li:nth-child(even) .thumbnail-img {
    float: right;
  }

  ul.weekly-stories-ul li.weekly-stories-li:nth-child(even) .thumbnail-text {
    float: left;
  }

  ul.weekly-stories-ul .dummy-div {
    display: none !important;
  }

  .recipe-post-ul .fifth-container li.post-margin:nth-child(1) .feature-img,
  .recipe-post-ul .fifth-container li.post-margin:nth-child(1) .feature-text,
  .recipe-post-ul .fifth-container li.post-margin:nth-child(6) .feature-img,
  .recipe-post-ul .fifth-container li.post-margin:nth-child(6) .feature-text {
    width: 100%;
  }
  .recipe-post-ul .fifth-container li.post-margin:nth-child(3) .feature-img,
  .recipe-post-ul .fifth-container li.post-margin:nth-child(4) .feature-img,
  .recipe-post-ul .fifth-container li.post-margin:nth-child(7) .feature-img,
  .recipe-post-ul .fifth-container li.post-margin:nth-child(8) .feature-img {
    height: 450px;
  }
  .recipe-post-ul .fifth-container li.post-margin:nth-child(4) {
    margin-top: 0px;
  }
  /*End*/
  .animal.Recipes.latest_food_breaker_section,
  .animal.Recipes.latest_lifestyle_breaker_section,
  .animal.Recipes.latest_health_breaker_section,
  .animal.Recipes.latest_earth_breaker_section {
    margin-bottom: 0px;
  }

  #main-content {
    margin-top: 0;
  }

  .bgwhite.marginTop {
    margin-top: 0;
  }

  .todays-stories-content {
    height: auto;
  }

  .today_stories .grid-container div p a {
    font-size: 14px;
    margin-top: 15px;
    color: #252525;
    line-height: 15px;
  }

  #topStories.overflow-section
    .today_stories
    .grid-container
    div.todays-stories-content
    p
    a {
    font-size: 21px;
    line-height: 25px;
  }

  .overflow-section
    .today_stories
    .grid-container
    div.todays-stories-content
    p
    a {
    font-size: 21px;
    line-height: 25px;
  }

  .today_stories .grid-container div.article-subtitle p a {
    margin-top: 0px;
  }

  .feature-text .text-share span {
    font-size: 12px;
  }

  .grid-container.news-block div.widget_text:nth-child(2) {
    border: none;
  }

  .text-share {
    position: relative;
    width: 95%;
    padding-top: 15px;
  }

  .bio p.more {
    font-size: 16px;
  }

  .today_stories h3 a,
  .Recipes h3 a {
    font-size: 17px;
  }

  .recipes_going_viral_breaker_section .today_stories h3:after,
  .recipes_going_viral_breaker_section .today_stories h3:before,
  .latest_health_breaker_section .today_stories h3:after,
  .latest_health_breaker_section .today_stories h3:before,
  .latest_food_breaker_section .today_stories h3:after,
  .latest_food_breaker_section .today_stories h3:before {
    width: 60%;
    left: 20%;
  }

  .post-border .feature-block .feature-text h2 {
    padding-top: 20px;
  }

  .newsletter_breaker_section .grid-container > div {
    width: 100%;
  }

  .feature-text.floatR {
    float: none;
    left: 0;
    display: inline-block;
    right: 0;
    margin: 0 auto;
    vertical-align: middle;
    text-align: center;
    background: #fff;
  }

  .foodmonsterblock .feature-text {
    padding: 0;
  }

  .post-margin .feature-block .feature-img {
    min-height: 450px;
    height: 450px;
    width: 100%;
  }

  .feature-img img,
  .feature-img {
    min-height: 146px;
    height: 100%;
    background-color: #e0e0d1;
  }

  .Recipes .grid-container div p {
    padding: 0px 10px;
  }

  .todays-mainpg .today_stories h3 {
    font-size: 18px;
  }

  .loader h3 {
    font-size: 17px;
  }

  .loader.today_stories h3 .view-more-div a {
    font-size: 17px;
  }

  .today_stories h3,
  .Recipes h3 {
    width: 100%;
  }

  .recipe-img-box .carousel .carousel-control.right {
    right: 20px;
    top: 50%;
  }

  .recipe-img-box .carousel .carousel-control.left {
    left: 20px;
    top: 50%;
  }

  .carousel .carousel-control.right {
    right: 20px;
    top: 40%;
  }

  .carousel .carousel-control.left {
    left: 20px;
    top: 40%;
  }

  /* .fixed-header .nav-menu .nav-menu__left .mobile-slideout-open{
    width: 14%;
 } */

  /*Go to menu */
  .go-to-menu-mobile {
    display: block;
    margin: 0 auto;
    width: 90%;
    margin-top: 80px;
    margin-bottom: 20px;
    position: relative;
  }

  #go-to-menu-select {
    width: 100%;
    margin: 0 auto;
    width: 100%;
    box-shadow: none;
    font-family: "Cormorant Garamond", serif;
    font-size: 16px;
    background-color: #fff;
    border-radius: 0;
    padding: 4px 10px;
    border: 1px solid #ccc;
    -webkit-appearance: none;
    appearance: none;
  }
  #go-to-menu-select {
    outline: none;
  }
  .go-to-menu-mobile .fa-caret-down {
    margin-top: -23px;
    margin-right: 10px;
    position: relative;
    float: right;
    display: inline-block;
  }
 
  .donate-btn-class span {
    font-size: 24px;
  }
  /*End*/

  body.page-template-default #welcome-to-new {
    top: 10px;
  }

  body.category #welcome-to-new h4,
  body.single #welcome-to-new h4 {
    top: 10px;
    position: relative;
  }

  #back2Top {
    display: none !important;
  }

  #welcome-to-new h4 {
    font-size: 12px;
  }

  .site-main .searchandfilter form {
    margin-left: 0 !important;
  }

  .site-main .searchandfilter li.sf-field-search label {
    margin-left: 0 !important;
    width: 100%;
  }

  .site-main form.searchandfilter input.sf-input-text {
    width: 100% !important;
  }

  .site-main form.searchandfilter h4 {
    margin-left: 0 !important;
  }

  .site-main form.searchandfilter .sf-level-0 input[type="radio"] {
    margin-top: 5px !important;
  }

  .searchandfilter li[data-sf-field-input-type="checkbox"] label {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .sf-level-0 input[type="radio"],
  input[type="checkbox"] {
    margin: 4px 0px 7px !important;
  }

  .site-main form.searchandfilter li.sf-field-post_type {
    margin-top: 0px !important;
  }

  .searchandfilter ul li.sf-field-category,
  .site-main form.searchandfilter li.sf-field-post_type {
    display: none !important;
  }

  li.allsearch-img-left-align {
    padding: 10px;
    list-style: none;
  }

  body.page-template .todays-mainpg {
    margin-top: 10px;
  }

  /*Newsletter Break*/
  .newsletter_block .grid-container .opg-newletter {
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
  }

  .newsletter_block .grid-container .playstore-add {
    background: #fff;
    width: 100%;
    padding: 20px 0;
    border-style: none;
    margin-bottom: 20px;
  }

  .grid-container.news-block svg {
    height: 60px;
    margin-bottom: -5px;
  }

  .newsletter_block .grid-container.two-items-block .playstore-add {
    align-items: center;
  }

  .newsletter_breaker_section.newsletter_block
    .grid-container
    .playstore-add
    img.app_img {
    width: 100px;
    height: 40px;
  }

  .newsletter_block .grid-container .newsletter-form {
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
  }

  form.ogpform-class,
  form.newsletterform-class {
    width: 100%;
    margin-left: 0;
  }

  .newsletter_block form.ogpform-class h2,
  .newsletter_block form.newsletterform-class h2 {
    line-height: 28px;
  }

  .newsletter-form.opg-newletter form h2:after {
    width: 47%;
  }

  .newsletter_block form h2:after {
    width: 64%;
  }

  .newsletter_block {
    padding-top: 0;
    margin-top: 0;
    background: #fff;
  }

  /* .newsletter-form{  padding-top:0!important;  } */

  .side-bar .newsletter_block {
    padding: 10px;
  }

  .grid-container.news-block div.widget_text {
    width: 100%;
    padding: 20px;
  }

  /* .newsletter_breaker_section .donate-header-border-2{  top:78%;  } */

  .grid-container.news-block .textwidget form {
    width: 100%;
    position: relative;
  }

  .news-block .donate-header-border-2 {
    width: 100%;
  }
  .news-block .donatebox-front-pg .donate-header-border-2 {
    width: 100%;
  }

  .news-block h2.widgettitle:after {
    top: 29%;
  }

  .new-recipe-sidebar .side-bar .newsletter_block,
  .new-post-sidebar .side-bar .newsletter_block,
  .new-video-sidebar .side-bar .newsletter_block {
    padding: 0px;
  }

  .new-recipe-sidebar .side-bar .grid-container.imgdiv .trending-div,
  .new-post-sidebar .side-bar .grid-container.imgdiv .trending-div,
  .new-video-sidebar .side-bar .grid-container.imgdiv .trending-div {
    padding: 0;
    width: 100%;
    margin: 10px 0;
  }

  .single-p-class .post-content.post-data p {
    padding: 4%;
  }

  /*End*/

  .fmApp-button,
  .nl-button,
  .donateBox-button {
    display: inline-block;
  }
  .recipe-content .content-wrapper #welcome-to-new.only-mobile,
  .post-wrapper .content-wrapper #welcome-to-new.only-mobile,
  .video-container .content-wrapper #welcome-to-new.only-mobile {
    display: block;
    padding: 10px;
  }

  .fm-button {
    width: 30%;
  }

  .nl-button {
    width: 28%;
    font-size: 18px;
    text-decoration: underline;
  }
  .donateBox-button {
    width: 29%;
  }
  .single-btn-group {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
  }
  #welcome-to-new.only-desktop {
    display: none;
  }

  #welcome-to-new.only-desktop-single {
    display: none;
  }

  .entry-content.underline-rainbow .sign-up-text {
    padding: 50px 10px 50px 10px;
    font-size: 30px !important;
  }
  .entry-content .newsletter-form {
    width: 80%;
  }
  .entry-content .bg-img .newsletter-form .donate-header-border-top {
    width: 80%;
    top: 64%;
  }

  .off-canvas li.donate-in-menu #Subscribe_id.btn-info,
  .donatebox-front-pg #Subscribe_id.btn-info {
    padding: 0 5px 10px;
  }

  .off-canvas .donate-in-menu .opg-newletter .donate-header-border-top {
    width: 100%;
    margin-top: 6px;
    top: 46%;
    position: relative;
  }

  .modal.stripe-modal .stripe.modal-dialog {
    width: 90%;
    margin: 0 auto;
  }
  .modal.stripe-modal .modal-body h2:before {
    width: 53%;
    left: 46%;
  }
  .modal.stripe-modal .stripe-button-el span {
    background: -webkit-transparent;
    background: transparent;
  }
  .modal.stripe-modal .stripe-button-el {
    background-image: url(../../themes/onegreenplanet/img/headerline.png);
    background-position: 0px 1.6em;
    background-size: 100% 1px;
    background-repeat: repeat-x;
    box-shadow: none;
    margin-top: 20px;
  }

  .entry-content .donate-page.newsletter-form .donate-header-border-top {
    top: 75%;
    width: 80%;
  }
  .discover-recipe .general-title {
    margin: 30px 0;
    margin-bottom: 0px;
    padding: 0;
  }

  /*front page css*/
  .topStories .today_stories h2.line-on-sides,
  .monthly-topStories .today_stories h2.line-on-sides {
    text-align: center;
  }

  .topStories h2.line-on-sides:before,
  .monthly-topStories h2.line-on-sides:before {
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    top: 50%;
    width: 100%;
    background: url(./img/headerline.png);
  }

  .overflow-section.topStories .grid-container.margin0,
  .overflow-section.topStories .today_stories.general-title {
    padding: 0 !important;
  }

  .overflow-section .grid-container.margin0 {
    padding: 0 !important;
  }

  .comments-section.news .ogp_comment_loadmore:hover {
    margin: 10px;
  }

  .topStories .today_stories.general-title {
    background: #fff;
  }

  .topStories h2.line-on-sides span {
    background: #fff;
  }

  .topStories.weeklyStories h2.line-on-sides span {
    padding: 0 15px 0 15px;
  }

  .todays-mainpg.topStories .today_stories {
    margin-bottom: 0px;
    padding: 0 15px;
  }

  .overflow-section.todays-mainpg.topStories .today_stories {
    padding: 0 !important;
  }

  #topStories.overflow-section .today_stories p,
  .todays-food-stories.overflow-section p {
    padding: 20px 30px 20px;
  }

  #topStories.topStories {
    margin-bottom: 0px;
  }

  .Recipes.browse-all-content {
    margin-top: 0px;
    margin-bottom: 0;
  }

  ul.post-border li {
    margin-bottom: 0px;
  }

  .video_breaker_section
    .today_stories
    .grid-container
    .todays-stories-content
    p
    a {
    color: #4d4d4d;
  }

  .playstore-add h2 {
    font-size: 22px;
    margin-bottom: 20px;
  }

  .recipes_going_viral_breaker_section .today_stories {
    margin-bottom: 0px;
  }

  .feature-block:nth-of-type(odd) .feature-text {
    float: none;
  }

  .feature-block:nth-of-type(even) .feature-text {
    float: none;
  }

  ul.post-border .first-container li.post-margin .feature-block .feature-text {
    width: 83%;
  }

  .recipe-post-ul .feature-text {
    min-height: 40px;
  }

  .recipe-post-ul .first-container li.post-margin:nth-child(2) .feature-img,
  .recipe-post-ul .first-container li.post-margin:nth-child(3) .feature-img,
  .recipe-post-ul .second-container li.post-margin:nth-child(2) .feature-img,
  .recipe-post-ul .second-container li.post-margin:nth-child(3) .feature-img,
  .recipe-post-ul .fourth-container li.post-margin:nth-child(3) .feature-img,
  .recipe-post-ul .fourth-container li.post-margin:nth-child(4) .feature-img,
  .recipe-post-ul .fifth-container li.post-margin:nth-child(3) .feature-img,
  .recipe-post-ul .fifth-container li.post-margin:nth-child(4) .feature-img {
    min-height: 450px;
    height: 450px;
    background-color: #e0e0d1;
  }

  .recipe-post-ul .first-container li.post-margin:nth-child(3),
  .recipe-post-ul .fourth-container li.post-margin:nth-child(4),
  .recipe-post-ul .fifth-container li.post-margin:nth-child(4) {
    margin-top: 0;
  }

  .recipe-post-ul .second-container li.post-margin:nth-child(1) .feature-img,
  .recipe-post-ul .second-container li.post-margin:nth-child(1) .feature-text,
  .recipe-post-ul .fourth-container li.post-margin:nth-child(1) .feature-img,
  .recipe-post-ul .fourth-container li.post-margin:nth-child(6) .feature-img,
  .recipe-post-ul .fifth-container li.post-margin:nth-child(1) .feature-img,
  .recipe-post-ul .fifth-container li.post-margin:nth-child(6) .feature-img {
    width: 100%;
  }

  .recipe-post-ul .second-container li.post-margin:nth-child(1) .feature-text,
  .recipe-post-ul .fourth-container li.post-margin:nth-child(1) .feature-text,
  .recipe-post-ul .fourth-container li.post-margin:nth-child(6) .feature-text,
  .recipe-post-ul .second-container li.post-margin .feature-text,
  .recipe-post-ul .fourth-container li.post-margin .feature-text,
  .recipe-post-ul .fourth-container li.post-margin .feature-text,
  .recipe-post-ul .third-container li.post-margin .feature-block .feature-text,
  .recipe-post-ul .fifth-container li.post-margin:nth-child(1) .feature-text,
  .recipe-post-ul .fifth-container li.post-margin .feature-text,
  .recipe-post-ul .fifth-container li.post-margin:nth-child(6) .feature-text {
    width: 100%;
  }

  .recipe-post-ul .second-container li.post-margin:nth-child(1) .feature-text,
  .recipe-post-ul .fourth-container li.post-margin:nth-child(1) .feature-text,
  .recipe-post-ul .fifth-container li.post-margin:nth-child(1) .feature-text,
  .recipe-post-ul .fifth-container li.post-margin:nth-child(6) .feature-text {
    height: auto;
  }

  /*End*/
  /*Video page css*/
  .post-img-box .img-full iframe {
    width: 100%;
    height: 300px;
  }

  .post-img-box .trv-player-container {
    width: 100% !important;
    height: 300px !important;
  }

  .img-full iframe#instagram-embed-0 {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .img-full iframe#instagram-embed-0 {
    height: 589px !important;
  }

  /*End*/
  /*single Recipe page css*/
  .author-container .post-content .callout-class {
    display: none;
  }

  .profile-content .img-circle {
    margin-bottom: 20px;
    margin-right: 10px;
  }

  .raw-vegan h3 {
    font-size: 22px;
  }

  .raw-vegan h3.recipe-head-title {
    font-size: 26px;
  }

  .recipe-preparation ol li:before {
    font-size: 28px;
  }

  .todays-stories-content .text-share span,
  .today_stories .grid-container div span {
    font-size: 12px;
  }

  .list4 .food-stories .text-share span {
    font-size: 12px;
  }

  .container .today_stories h3:before,
  .container .today_stories h3:after {
    width: 60%;
    left: 20%;
  }

  .video_breaker_section .today_stories h3:before,
  .latest_lifestyle_breaker_section .today_stories h3:before,
  .latest_health_breaker_section .today_stories h3:before,
  .latest_earth_breaker_section .today_stories h3:before,
  .latest_animal_breaker_section .today_stories h3:before,
  .vegan_thanks_giving_breaker .today_stories h3:before {
    width: 60%;
    left: 20%;
  }

  .today_stories .grid-container div p,
  .Recipes .grid-container div p {
    line-height: 18px;
  }

  .vidio-content {
    width: 100%;
    padding-left: 0px;
  }

  .recipe-img-box .img-full img,
  .post-img-box .img-full img {
    width: 100%;
    height: 100%;
    position: relative;
    object-fit: cover;
  }

  .single-pg-video-image-section .post-img-box .img-full img {
    height: auto;
  }

  .single-pg-video-image-section .post-img-box .img-full {
    height: auto;
    min-height: 180px;
  }

  /* .side-bar .newsletter_breaker_section .donate-header-border-2{  top:50%;  } */

  .user-note {
    display: block;
  }

  .content-wrapper #welcome-to-new.only-mobile .supportUs3 h4 {
    padding: 10px;
  }
  .content-wrapper #welcome-to-new.only-mobile .supportUs1 {
    width: 30%;
  }
  .content-wrapper #welcome-to-new.only-mobile .supportUs3 {
    width: 100%;
  }
  .content-wrapper #welcome-to-new.only-mobile .supportUs2 {
    width: 50%;
    padding: 20px 10px;
  }
  .content-wrapper #welcome-to-new.only-mobile h2 {
    font-size: 28px;
  }

  #myCarousel .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
    height: 450px;
  }

  .recipe-img-box .img-full,
  .post-img-box .img-full {
    width: 100%;
    height: auto;
    object-fit: cover;
  }

  /* .lead-info{  display:none;  } */

  .ad-tag div {
    margin: 0 auto;
    display: inline-block;
  }

  .post-wrapper .post-content {
    margin-top: 0;
  }

  .post-content {
    padding: 0px;
    margin-top: 0px;
  }

  .raw-vegan hr {
    border-top: 2px solid #56b43c;
  }

  ul.explore_ul h3 {
    color: #56b43c;
    font-weight: 600;
    font-size: 26px;
  }

  ul.explore_ul li.explore_li {
    width: 50%;
  }

  .floatR.side-bar {
    float: left;
  }

  .side-bar {
    width: 100%;
  }

  .side-bar.post-side-bar .trending_breaker_section .sidebar-general h2 {
    text-align: left;
  }

  .new-recipe-sidebar .side-bar .grid-container.imgdiv .trending-div {
    margin: 10px 0;
  }

  .category-colors .author .comments-section h2 {
    margin-left: 10px;
  }

  .comments-section h2.line-on-sides span {
    padding: 0 10px 0 0;
  }

  .category-colors .author .comments-section h2.comments-title1:after {
    left: 32%;
    width: 65%;
  }

  .comments-section input[type="text"].empty::placeholder {
    text-align: left;
  }

  #secondary.default-template {
    margin-left: 0px;
  }

  #secondary.default-template .side-bar {
    width: 100%;
  }

  .post-content article em {
    font-size: 17px;
    color: #000;
    font-family: "Freight-TextBold";
  }

  .post-content p {
    font-size: 17px;
    font-family: "Merriweather", serif;
  }

  .post-author.author .profile-content,
  .post-widget-class {
    width: 100%;
    margin-left: 0;
    padding: 4%;
  }

  .recipe-widget-class,
  .post-widget-class {
    width: 100%;
    margin-left: 0;
  }

  .content-wrapper {
    width: 100%;
    margin-left: 0;
  }

  h2.recope-title {
    font-size: 26px;
    line-height: 30px !important;
  }

  .hero.singlepg h1 {
    font-size: 30px;
  }

  .post-ad-class,
  .recipe-ad-class,
  .video-ad-class {
    width: auto;
    margin: 5px auto;
    text-align: center;
    padding: 10px 0;
  }

  /* .post-content img{  width:100%;  margin-left:0;  height:450px;  } */

  .empty-p {
    padding: 0 !important;
  }

  .post-container
    .category-colors
    .author
    .comments-section
    h2.comments-title1:after {
    margin-top: -13px;
  }

  .post-container .category-colors .author .comments-section h2:after {
    left: 34%;
  }

  .recipe-ingredients
    .wprm-recipe-ingredient-group
    .wprm-recipe-ingredient
    span {
    font-size: 18px;
  }

  .post-author.author .post-data ul.wprm-recipe-ingredients {
    padding: 0;
  }

  .post-author.author .post-content .recipe-preparation ol {
    margin-bottom: 30px;
  }

  .post-author.author .post-content .recipe-notes p {
    margin-left: 0px;
    padding: 20px 0;
  }

  .hero.singlepg h1 {
    line-height: 34px !important;
    font-size: 29px;
    color: #333;
    padding: 40px 0 0 0;
  }

  .ogp-single-recipe-title {
    line-height: 34px !important;
    font-size: 29px;
    color: #333;
    padding: 40px 0 0 0;
  }

  .recipe-content .hero.singlepg h4 {
    padding: 40px 0 0 0;
  }
  .raw-vegan ul,
  .raw-vegan ol {
    color: #56b43c;
    margin-left: 20px;
    margin-bottom: 30px;
    list-style: none;
  }

  .vidio-content.sidebar-paddleft {
    width: 100%;
    padding-left: 0px;
  }

  .hero.singlepg span {
    padding: 10px 10px;
  }

  .sumome-share-client-wrapper {
    display: none !important;
  }

  .sidebar-paddleft .comments-section,
  .post-author .comments-section {
    width: 100%;
    margin-left: 0px;
  }

  .comments-section ol.comment-list {
    margin-left: 0;
  }

  .wp-social-login-widget a img {
    margin-bottom: 10px;
  }

  .comment-content p {
    font-size: 15px;
    line-height: 25px;
  }

  ol.comment-list {
    margin-left: 0;
  }

  .hero.singlepg {
    display: block;
  }

  .hero-mo.singlepg-mo {
    display: none;
  }

  .hero-mo.singlepg-mo span {
    font-size: 15px;
    padding: 0px 10px;
    display: inline-block;
  }

  .hero-mo.singlepg-mo .container {
    height: auto;
  }

  .hero-mo.singlepg-mo .container {
    position: relative;
    bottom: 30px;
    left: 0;
    float: none;
    background: #fff;
    padding: 0px 0px 10px;
    right: 0;
    margin: 0 auto;
    width: 83%;
    text-align: center;
    z-index: 1;
  }

  .hero-mo.singlepg-mo.human-interest .container {
    border-top: 3px solid #eb7d01;
  }

  .hero-mo.singlepg-mo.animalsandnature .container {
    border-top: 3px solid #c9504a;
  }
  .hero-mo.singlepg-mo.animals .container {
    border-top: 3px solid #c9504a;
  }

  .hero-mo.singlepg-mo.lifestyle .container {
    border-top: 3px solid #ff69b3;
  }

  .hero-mo.singlepg-mo.vegan-food .container {
    border-top: 3px solid #ffd300;
  }

  .hero-mo.singlepg-mo.vegan-recipe .container,
  .hero-mo.singlepg-mo.recipe-monster .container {
    border-top: 3px solid #1fb566;
  }

  .hero-mo.singlepg-mo.natural-health .container {
    border-top: 3px solid #a97dfb;
  }

  .hero-mo.singlepg-mo.news .container {
    border-top: 3px solid #ffac9e;
  }

  .hero-mo.singlepg-mo.environment .container {
    border-top: 3px solid #12c9d2;
  }

  .hero-mo.singlepg-mo {
    background: rgba(255, 255, 255, 1) !important;
    margin-bottom: -1px;
  }

  .author-container {
    background: rgba(255, 255, 255, 1) !important;
  }

  .container.recipe-img-box,
  .container.post-img-box {
    padding-left: 0;
    position: relative;
    padding-right: 0;
    bottom: 0px;
    overflow-x: hidden;
  }

  .post-content article {
    padding: 0%;
  }

  .post-container .post-content {
    padding: 4%;
  }

  .post-container .post-data ul {
    margin-left: 15px;
  }

  .post-container .post-data iframe {
    width: 100%;
  }

  .recipe-diet {
    padding: 0 20px;
  }

  .recipe-preparation {
    padding-bottom: 20px;
  }

  .post-author.author .post-data .content-vegan ul {
    padding: 10px 0px 0px;
  }

  /*End*/
  .author .profile-content p {
    margin-left: 0px;
  }

  .profile-socials a {
    margin-left: 0px;
  }

  .comment-respond input[type="submit"] {
    width: 60%;
    padding: 5px 10px;
  }

  .auther-website-url {
    text-align: left;
    font-size: 18px;
  }

  /*Search btn on header*/
  .header-socials ul li.search_icon {
    display: block;
  }

  /*About us*/
  .mission .line-title hr {
    display: block;
  }

  .about-us .mission h2:after {
    display: none;
  }

  .mission .line-title p {
    padding: 0 0 0;
  }

  .titleCss h2.line-on-sides:before,
  .titleCss h1.line-on-sides:before,
  .campaigns-sec h2.line-on-sides:before,
  .founders-sec h2.line-on-sides:before,
  .our-team h2.line-on-sides:before,
  .writer-sec h2.line-on-sides:before,
  .join-team h2.line-on-sides:before,
  .job-contact h2.line-on-sides:before,
  .tag-sec h2.line-on-sides:before {
    background: url(./img/headerline.png);
    background-size: 100%;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    top: 50%;
    width: 100%;
  }

  .titleCss h2.line-on-sides,
  .titleCss h1.line-on-sides,
  .campaigns-sech2 h2.line-on-sides,
  .founders-sec h2.line-on-sides,
  .our-team h2.line-on-sides,
  .writer-sec h2.line-on-sides,
  .join-team h2.line-on-sides,
  .job-contact h2.line-on-sides,
  .tag-sec h2.line-on-sides {
    text-align: center;
  }

  .mission .line-title hr {
    margin-top: 18px;
    border-width: 3px 0 0 0;
  }

  .vission li {
    width: 100%;
  }

  .vission p {
    padding-right: 0px;
  }

  .abt_us .earth-block {
    margin-top: 0px;
    padding: 0px;
  }

  .abt_us .earth-block .feature-text {
    background: #f8f8f8;
    bottom: 0px;
    width: 100%;
    padding: 10px;
  }

  .abt_us .earth-block .feature-text h2 {
    padding-left: 0px;
    padding-right: 0px;
    text-align: left;
    font-size: 22px;
    margin-top: 0px;
  }

  .abt_us .earth-block .feature-text p {
    font-size: 16px;
    line-height: 27px;
  }

  .abt_us .feature-text p a {
    margin-right: 20px;
  }

  .fixed-header .nav-menu .nav-menu__right__mobile {
    width: 12%;
  }

  .abt_us p,
  .founder p {
    padding: 0px;
    font-size: 16px;
    line-height: 27px;
  }

  .earth-block .feature-text h2 i {
    font-size: 23px;
  }

  .breaker-class .text {
    font-size: 17px;
  }

  .playstore-img {
    margin-left: 36%;
    margin-top: 12%;
    padding: 10px;
    display: inline-block;
  }

  .fm-app-wrapper > div,
  .nl-wrapper > div {
    width: 80%;
  }

  .iphone-app-link .feature-text .playstore img {
    width: 160px;
    height: auto;
    display: inline-block;
  }

  .playstore-img img {
    display: inline-block;
    height: auto;
    width: 85px;
  }

  .abt_us .general-title {
    padding: 0px;
  }

  .founder-img {
    width: 100%;
  }

  .founder-text {
    width: 100%;
  }

  .about_block,
  .about-block {
    padding: 10px 0;
  }

  .writer-block .about-block:nth-child(odd) {
    width: 100%;
  }

  .writer-block .about-block:nth-child(even) {
    width: 100%;
  }

  .founder .about-block:nth-child(even) .founder-img img {
    margin-left: 0px;
  }

  .founder-text.floatR {
    padding: 0px;
  }

  .team-img {
    width: 100%;
  }

  .team .team-text {
    width: 100%;
    padding: 0;
    min-height: 0;
  }

  .writer.team .para {
    min-height: 0;
  }

  .team .team-text.general-ul {
    margin-bottom: 0;
  }

  .emails .job-ul li h2 {
    margin-top: 0;
  }

  .emails ul.job-ul {
    padding: 0 10px !important;
  }

  .today_stories .campaigns-sec h2.line-on-sides {
    text-align: center;
  }

  .team {
    margin-top: 0px;
  }

  .team .team-block {
    padding: 0px;
  }

  .team_email.floatL {
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }

  .team .team-text .social {
    position: relative;
    width: 100%;
  }

  .team .team-text .social .floatR {
    display: block;
    width: 100%;
  }

  .team-text.floatR {
    padding-left: 0px;
    float: left;
  }

  .team-img.floatL {
    float: right;
  }

  .team-text.floatL {
    float: left;
  }

  .team-img.floatR {
    float: right;
  }

  .writer-img {
    width: 100%;
    padding: 0px; /*margin-top:30px;  */
    padding-bottom: 20px;
  }

  .writer .team-text {
    height: auto;
    margin-bottom: 20px;
  }

  .writer .team-text h2 {
    padding-top: 0px;
  }

  .team .para p {
    font-size: 16px;
    line-height: 27px;
  }

  .today_stories.join-team .line-on-sides span {
    font-size: 28px;
  }

  .general-title.join-team {
    padding: 0px;
  }

  .plain-title {
    margin-top: 0px;
    margin-bottom: 30px;
    padding: 10px 0;
  }

  .plain-title h2 {
    font-size: 17px;
  }

  .general-title.job-contact {
    padding: 0px;
  }

  .emails ul li {
    width: 100%;
  }

  .emails ul {
    text-align: left;
    padding: 10px;
  }

  .job-contact h2.line-on-sides span {
    padding: 0px 15px;
  }

  .main_banner.abt-banner img {
    height: 300px;
  }

  .about-us .about-content_block p,
  .vission p,
  .about-us p {
    font-size: 16px;
    line-height: 27px;
  }

  .writer-block .social {
    float: right;
  }

  article {
    background: rgba(255, 255, 255, 1) !important;
  }

  .post-ad-class span,
  .video-ad-class span,
  .recipe-ad-class span {
    display: block;
  }

  .earth-block {
    margin-bottom: 20px;
  }

  .writer .writer-block {
    padding: 0px;
  }

  .general-title.campaigns-sec,
  .general-title.our-team,
  .general-title.writer-sec,
  .general-title.join-team,
  .general-title.job-contact {
    padding: 0;
    margin-bottom: 30px;
  }

  .team .team-text h2,
  .founder-text h2 {
    margin-top: 20px;
  }

  /*End*/
  /*Jobs*/
  .feature .job-p p,
  .feature .job-p span,
  .feature .feature-block button.accordion strong {
    font-size: 16px;
  }

  .feature .feature-block button.accordion strong {
    text-align: right;
  }

  .feature .job-p span {
    width: 100%;
  }

  .feature .feature-block.job-block p {
    padding: 0px;
  }

  /*End*/
  /*Privacy*/
  .seven.columns {
    width: 100%;
  }

  .seven.columns article {
    background-color: #fff !important;
  }

  .pagecontent p {
    font-size: 16px;
    padding-top: 0;
  }

  .pagecontent p a {
    word-wrap: break-word;
  }

  .team .para {
    margin-bottom: 0px;
    min-height: 0;
  }

  /*End*/
  /*tag page*/
  .todays-mainpg.tag-sec {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 30px;
  }

  /*author page*/
  .authorpg-container .profile-block .profile-img img {
    width: 250px;
    height: 250px;
    object-fit: cover;
  }

  .profile-block .profile-img {
    width: 100%;
  }

  .profile-block .profile-img img {
    padding: 0px;
  }

  .profile .profile-text {
    width: 100%;
    padding: 10px;
  }

  .profile-text p {
    font-size: 18px;
    margin: 0px;
    padding: 0;
    line-height: 30px;
    text-align: left;
  }

  .profile-text h2 {
    font-size: 24px;
    text-align: left;
    padding: 0;
  }

  .profile-img img {
    width: 100%;
    height: 300px;
  }

  .reviews li {
    margin-bottom: 0;
  }

  .press-reviews {
    padding-bottom: 0px;
  }

  .reviews .profile .profile-text {
    padding-top: 0;
  }

  .user-reviews .general-title,
  .press-reviews .general-title {
    padding: 0;
  }

  .p-reviews .profile-img img {
    float: left;
  }

  .reviews .profile .profile-text h2,
  .reviews .profile .profile-text h2 a {
    padding: 0px 0px 10px;
  }

  .author-sec .today_stories .line-on-sides,
  .user-reviews h2.line-on-sides,
  .press-reviews h2.line-on-sides {
    text-align: center;
  }

  .profile-text .profile-socials {
    text-align: center;
  }

  .authorpg-container {
    background: #faf6f3;
  }

  .container.author-sec {
    padding-top: 30px;
    padding-left: 0px;
    background: #faf6f3;
    padding-right: 0px;
  }

  .authorpg-container .profile {
    margin-top: 0px;
  }

  .author-profile-card {
    background: #eee;
    border: 1px solid #ccc;
    padding: 20px;
    margin-bottom: 20px;
  }

  .author-photo {
    float: left;
    text-align: left;
    padding: 5px;
  }

  .profile-socials ul li a i {
    color: #8a8889;
    font-size: 16px;
  }

  .author-wrapper .profile-socials {
    margin-top: 0px;
    float: none;
  }

  .auther-website-url {
    font-family: "Merriweather", serif;
    padding: 0px 0px;
    line-height: 35px;
    font-size: 20px;
    color: #313131;
    padding-top: 36px;
    padding-bottom: 6px;
    text-align: left;
  }

  .author .post-content.post-data ul {
    width: 100%;
    margin-left: 0;
  }

  .post-author .ad-div .ad-img {
    width: 100%;
    margin-left: 0;
  }

  .single-p-class .post-side-bar .playstore-add h2 {
    font-size: 24px;
  }

  .new-post-sidebar .side-bar .grid-container.imgdiv .trending-div {
    margin: 10px 0;
    background: #fff;
  }

  .new-recipe-sidebar .side-bar .grid-container.imgdiv .trending-div {
    background: #fff;
  }

  .new-video-sidebar .side-bar .grid-container.imgdiv .trending-div {
    background: #fff;
  }

  .post-author.author center {
    width: 100%;
    margin-left: 0;
  }

  .post-author.author center img {
    width: 100%;
  }

  nav .screen-reader-text {
    display: none;
  }

  /*End*/
  /*Food Monster page */
  .foodmonsterblock .feature-text img {
    height: 40px;
  }

  .abt-banner2 .overlay .text {
    margin-left: 6%;
    margin-top: 6%;
    width: 30%;
  }

  .foodmonsterblock .feature-text.floatR {
    bottom: 0px;
    width: 100%;
  }

  .foodmonsterblock .feature-text h2 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .feature .foodmonsterblock .feature-text p {
    padding: 23px 0px 0px 0px;
  }

  .app-title .container {
    padding-left: 0px;
    padding-right: 0px;
  }

  .today_stories.app-title h2.line-on-sides {
    text-align: center;
  }

  .blue-box-content {
    background: #faf6f3;
  }

  .abt-banner2 {
    padding: 0px;
  }

  .foodmonsterblock {
    margin-top: 20px;
  }

  .preview-features .video-holder {
    padding: 0px;
  }

  .feature .app {
    width: 100%;
    padding: 0;
  }

  .feature .app li {
    height: auto;
    min-height: 0px;
    margin-bottom: 20px;
  }

  .preview-features .video-holder iframe {
    margin-bottom: 20px;
  }

  .iphone-block {
    margin-top: 0px;
    padding: 0px;
  }

  .iphone-block h2 {
    padding-left: 0px;
  }

  .feature .iphone-block .feature-text h2 {
    font-size: 40px;
    line-height: 45px;
  }

  .feature .iphone-block .feature-text h2 span {
    font-size: 35px;
  }

  .feature .feature-text p {
    padding: 0px 0px 30px 0px;
  }

  .iphone-block .feature-text {
    padding: 0;
  }

  .feature.iphone-app-link .feature-text p {
    padding: 70px 0px 30px 0px;
  }

  .people-block .profile-img {
    width: 100%;
  }

  .reviews .profile .profile-text {
    width: 100%;
    padding-top: 0px;
  }

  .reviews .profile .profile-img,
  .people-block {
    padding-left: 0px;
    padding-top: 0px;
  }

  .people-block {
    padding-right: 0px;
  }

  .people-block .profile-text p {
    padding: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .foodmonsterblock p {
    padding: 0px;
  }

  .foodmonsterblock p.playstore-p img {
    display: inline-block;
    width: 160px;
    height: auto;
  }

  /*Comment section css */
  form.comment-form {
    width: 100%;
  }

  ol.comment-list article {
    background-color: #fff;
  }

  ol.comment-list li {
    margin-bottom: 20px;
  }
}

/* #### For Tablets Portrait or Landscape #### */
@media screen and (max-width: 1023px) and (min-width: 768px) {
  body {
    padding: 70px 0 0 0;
    overflow-x: hidden;
  }

  .lead-info {
    width: 100%;
    padding-left: 40px;
    text-align: left;
  }

  .lead-info-tooltip {
    width: 100%;
    padding-left: 40px;
    text-align: left;
  }

  .single-btn-group {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-top: -15px;
  }
  .recipe-content .content-wrapper #welcome-to-new.only-mobile,
  .post-wrapper .content-wrapper #welcome-to-new.only-mobile,
  .video-container .content-wrapper #welcome-to-new.only-mobile {
    display: block;
  }
  .video-container .content-wrapper #welcome-to-new.only-mobile {
    padding: 20px;
  }

  .fmApp-button,
  .nl-button,
  .donateBox-button,
  .fm-button {
    display: inline-block;
  }
  .fmApp-button,
  .fm-button {
    width: 33%;
  }
  .nl-button {
    width: 33%;
    font-size: 18px;
    text-decoration: underline;
  }
  .donateBox-button {
    width: 32%;
  }
  .entry-content .newsletter-form {
    width: 80%;
  }
  .entry-content .bg-img .newsletter-form .donate-header-border-top,
  .entry-content .donate-page.newsletter-form .donate-header-border-top {
    width: 80%;
    top: 72%;
  }

  .ogp-text {
    display: inline-block;
  }
  .fm-app-button {
    width: 100%;
  }

  .cat_title h2 {
    font-size: 80px;
  }

  .fm-app-wrapper > div,
  .nl-wrapper > div {
    width: 60%;
  }

  .user-note {
    display: inline-block;
    text-align: right;
    float: right;
  }

  .lead-info.video-lead-info {
    padding: 10px 3%;
    display: inline-block;
    float: left;
    position: absolute;
    margin-top: -37px;
  }

  #welcome-to-new.only-mobile {
    display: block;
    top: 0px;
    position: relative;
    padding: 0 10px;
  }

  #welcome-to-new.only-desktop {
    display: none;
  }

  #welcome-to-new.only-desktop-single {
    display: none;
  }

  #welcome-to-new.only-mobile-not-single {
    display: block;
  }

  .searchandfilter ul li.sf-field-post_type,
  .searchandfilter ul li.sf-field-category {
    display: none;
  }

  .banner_box h2 a {
    font-size: 36px;
    line-height: 45px;
  }

  .floatR h2 a {
    font-size: 22px;
    line-height: 27px;
  }

  .banner_shares_Hours {
    font-size: 13px;
  }

  .banner_box {
    width: 100%;
  }

  .todays-stories-content {
    height: auto;
  }

  .writer .writer-img img {
    padding: 15px;
  }

  .team .para {
    min-height: 0;
  }

  .team .team-text {
    min-height: 0;
  }

  .writer.team .para {
    min-height: 0;
  }

  .off-canvas .newsletter-menu .opg-newletter,
  .off-canvas .donate-in-menu .opg-newletter {
    padding: 0 140px;
  }

  #back2Top {
    display: none !important;
  }

  .today_stories h3:before,
  .Recipes h3:before {
    background: url(./img/headerline.png);
    background-size: 100%;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: 50%;
    width: 48%;
    left: 26%;
  }

  .empty-image-box a .fa {
    top: 27%;
    left: 10%;
  }

  .today_stories .grid-container .todays-stories-content span.post-shares {
    padding: 0 20px 0 0px;
  }

  /* .today_stories .grid-container .todays-stories-content span.post-date{  padding:0 0 0 20px;  } */

  .today_stories .grid-container div p,
  .Recipes .grid-container div p {
    padding: 0 5px;
    top: 0;
    left: 0%;
    margin-right: 0%;
    transform: translate(0%, 0%);
  }

  .feature-text.floatR h2 a {
    font-size: 22px;
    line-height: 22px;
  }

  .feature-block .feature-text h2 {
    line-height: 30px;
  }

  .today_stories .grid-container div p a {
    font-size: 16px;
    line-height: 21px;
  }

  .today_stories .grid-container div p {
    font-size: 16px;
    line-height: 21px;
  }

  .feature-text .text-share span {
    font-size: 13px;
  }

  .feature-img img {
    object-fit: cover;
    min-height: 260px; /* height:260px;  */
    padding: 0px;
  }

  .post-margin .feature-block .feature-img {
    height: 260px;
  }

  .recipe-post-ul .fifth-container li.post-margin:nth-child(1) .feature-text,
  .recipe-post-ul .fifth-container li.post-margin:nth-child(6) .feature-text {
    height: 260px;
  }

  .header-menu ul li a {
    font-size: 15px;
  }

  .food-stories.bottom-border.vegan-recipe img {
    object-fit: cover;
  }

  .content-wrapper {
    width: 100%;
    margin-left: 0%;
  }

  .post-author.author center {
    width: 100%;
    margin-left: 0%;
  }

  .loader h3 {
    font-size: 21px;
  }

  .today_stories .grid-container div p,
  .Recipes .grid-container div p {
    min-height: 20px;
  }

  .today_stories .grid-container .article-subtitle p {
    min-height: 0;
  }

  .todays-stories-content .text-share span,
  .today_stories .grid-container div.text-share span {
    font-size: 13px;
  }

  .loader .closebtn {
    display: none;
  }

  /*About page css*/
  .text {
    font-size: 35px;
  }

  .recipe-widget-class,
  .post-widget-class {
    width: 100%;
    margin-left: 0;
  }

  .post-ad-class,
  .recipe-ad-class,
  .video-ad-class {
    width: 100%;
    margin-left: 0%;
  }

  .author-container .post-author .ad-img {
    width: 100%;
    margin-left: 0;
  }

  #ogp-header .navbar-header a .site-title {
    font-size: 23px;
  }

  .post-author .comments-section {
    width: 100%;
    margin-left: 0;
  }

  .overlay .playstore-img {
    margin-left: 50%;
    margin-top: 10%;
  }

  .overlay .playstore-img img {
    width: 160px;
    height: auto;
  }

  .earth-block .feature-text.floatR {
    padding-left: 30px;
    padding-right: 0px;
  }

  .earth-block .feature-text.floatL {
    padding-right: 30px;
    padding-left: 0px;
  }

  .abt-banner2 p {
    margin: 0px;
    padding: 0;
  }

  .about-us .vission p {
    padding-right: 20px;
  }

  .abt_us .earth-block h2 {
    margin-top: 0px;
  }

  .founder-img,
  .founder-text {
    width: auto;
  }

  .abt_us .feature-text p a {
    margin-right: 20px;
  }

  .founder-text.floatR,
  .founder-text.floatL {
    padding: 10px 20px;
  }

  .founder-img.floatL {
    margin-right: 20px;
    padding-bottom: 0px;
  }

  .writer .team-text {
    height: auto; /* min-height:650px;  */
  }

  .seven.columns {
    width: 100%;
    background-color: #fff !important;
  }

  .pagecontent p {
    font-size: 16px;
  }

  .pagecontent p a {
    word-wrap: break-word;
  }

  /*End*/
  .modal.stripe-modal .stripe.modal-dialog {
    width: 90%;
  }
  .modal.stripe-modal .modal-body h2:before {
    width: 74%;
    left: 24%;
  }
  .off-canvas .newsletter-menu .opg-newletter form {
    position: relative;
    text-align: center;
  }
  .nl-itunes,
  .nl-android {
    display: inline-block;
    padding: 1% 5% 5% 5%;
  }
  .donate_breaker_section .support-h2 h2 {
    font-size: 32px;
  }
  .donate_breaker_section .donatebox-text {
    padding: 0px 5px 0px 5px;
  }
  /*App download link*/
  .download-app {
    display: block;
    top: 63%;
  }

  /*End*/
  /*recipe css*/
  .bio .other_recipes {
    margin-top: -20px;
  }

  .bio p.more {
    font-size: 16px;
  }

  .author-container .post-content .callout-class {
    display: none;
  }

  .raw-vegan h3 {
    font-size: 25px;
  }

  .vidio-content.sidebar-paddleft {
    width: 53%;
  }

  .vidio-content.recipe-content {
    width: 100%;
  }

  .new-recipe-sidebar .side-bar,
  .new-video-sidebar .side-bar {
    width: 100%;
  }

  .new-recipe-sidebar .side-bar .grid-container.imgdiv .trending-div {
    margin: 0;
    width: 33.33%;
  }

  .video-container .vidio-content.sidebar-paddleft {
    width: 100%;
    padding: 20px;
  }

  .new-video-sidebar .side-bar .grid-container.imgdiv .trending-div {
    margin: 7px;
  }

  .vidio-content,
  .vidio-content.sidebar-paddleft {
    padding-left: 0px;
  }

  .fixed-ad {
    display: none;
  }

  .sovrn160_600 {
    display: none;
  }

  .pubg160_600 {
    display: none;
  }

  .post-author.author .post-content {
    padding: 3%;
    margin: 0px;
  }

  .video-container .post-author.author .post-content {
    padding: 0%;
    margin: 0px;
  }

  .author-wrapper {
    margin-top: 0px;
    padding: 3%;
  }

  .single-p-class .post-author.author .post-content p {
    padding: 20px;
  }

  .side-bar {
    width: 320px;
  }

  .newsletter_block form h2 {
    font-size: 20px;
  }

  .side-bar .playstore-add h2 {
    line-height: 18px;
    font-size: 14px;
  }

  .side-bar .playstore_icons img {
    margin-left: 5px;
  }

  .newsletter_block input {
    font-size: 14px;
  }

  .side-bar .general-title h2 {
    margin-top: 0px;
    font-size: 20px;
  }

  .side-bar .today_stories .grid-container.imgdiv img {
    min-height: 150px;
  }

  .side-bar .today_stories .grid-container.imgdiv .trending-post-title {
    color: #333;
    font-size: 11px;
  }

  .trending-post-title:hover {
    text-decoration: none;
  }

  .side-bar .today_stories .grid-container.imgdiv div span {
    font-size: 9px;
    padding: 0 0;
  }

  .author .profile-content p {
    margin-left: 22%;
  }

  .recipe-img-box .img-full {
    width: 100%;
    height: auto;
    object-fit: cover;
  }

  .emails .team-ul p {
    font-size: 15px;
  }

  header_sticky {
    display: none !important;
  }

  .mission .line-title hr {
    display: block;
  }

  .about-us .mission h2:after {
    display: none;
  }

  .mission .line-title p {
    padding: 0 0 0;
  }

  /*End*/
  /*post css*/
  .single-p-class .author p {
    margin-left: 0;
  }

  .post-author.author .post-content p,
  .post-author.author .post-content h2,
  .post-author.author .callout-class,
  .post-author.author .content-vegan.raw-vegan,
  .post-author.author .post-content ol {
    width: 100%;
    margin-left: 0%;
  }

  .post-author.author .post-data ul.weekly-stories-ul {
    width: 100%;
    margin-left: 0%;
  }

  /* .post-content img{  width:100%;  margin-left:0%;  } */

  .post-content .ad-tag img {
    width: 45%;
    margin-left: 0%;
  }

  .ad-tag div {
    display: inline-block;
  }

  ul.explore_ul .explore_li {
    height: 121px;
  }

  ul.explore_ul .img-overlay {
    background: rgba(255, 255, 255, 0.9);
    width: 100%;
    width: 100%;
    height: 119px;
    position: relative;
    top: -119px;
    margin-bottom: -103px;
  }

  .post-author.author .profile-content,
  .post-widget-class {
    width: 100%;
    margin-left: 0%;
  }

  .sidebar-paddleft .comments-section {
    width: 100%;
    margin-left: 0%;
  }

  .post-container .post-data iframe {
    width: 100%;
  }

  .post-container .post-data ul {
    margin-left: 15px;
  }

  .single-p-class .author .comment-content p {
    margin-left: 52px;
  }

  /*tag page*/
  .todays-mainpg.tag-sec {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 30px;
  }

  /*slider*/
  .main_banner img {
    width: 100%;
    height: 450px;
    min-height: 450px;
    object-fit: cover;
  }

  .empty-slider-image {
    width: 100%;
    height: 450px;
    min-height: 450px;
    object-fit: cover;
  }

  .banner_box h2 {
    line-height: 28px;
    font-size: 22px;
    padding: 0px 40px;
  }

  .today_stories img {
    max-height: 150px;
    min-height: 150px;
  }

  .empty-image-box {
    max-height: 150px;
    min-height: 150px;
  }

  .breaker-overlay-effect {
    max-height: 150px;
    min-height: 150px;
  }

  .img-overlay-effect {
    min-height: 260px;
    height: 260px;
  }

  .discover-listing .img-overlay-effect {
    min-height: 70px;
    height: 70px;
  }

  .discover-listing ul li {
    height: 70px;
  }

  .discover-listing ul li .meal-image-contain {
    height: 70px;
  }

  ul.explore_ul li.explore_li .img-overlay-effect {
    min-height: 100px;
    height: 102px;
  }

  .grid-container.load-li li {
    min-height: 300px;
  }

  .todays-mainpg .grid-container.margin0 {
    margin-bottom: 0px;
  }

  .todays-mainpg .today_stories {
    margin-bottom: 0px;
  }

  .off-canvas-wrapper,
  .fixed-header {
    display: block;
  }

  #ogp-header {
    display: none;
  }

  .off-canvas-wrapper .slidebar-menu {
    margin-bottom: 20px;
    padding: 40px;
  }

  .mobile-slideout-open .navbar-toggle {
    display: block;
  }

  .trending-overlay .slidebar-trending .image_div {
    height: 150px;
    display: inline-block;
  }

  .trending-overlay {
    display: block;
  }

  .icon-close-icon-NEW:before {
    font-size: 20px;
  }

  .icon-close {
    margin-left: 15px;
    margin-top: 9px;
  }

  .fixed-header .nav-menu .nav-menu__right__mobile {
    text-align: right;
    padding-right: 10px;
  }

  .playstore-add h2 {
    margin-top: 0;
  }

  .off-canvas-wrapper .site-title {
    padding-right: 0;
  }

  .nav-menu__right__mobile__button__ul {
    padding: 40px;
  }

  .slidebar-menu .slidebar-trending .slidebar-trending-item {
    min-width: 150px;
  }

  .off-canvas-wrapper .slidebar-trending-item .image_div {
    height: 150px;
  }

  #mobile-main-header .off-canvas-wrapper a:hover .site-title {
    color: #1fb566;
    text-decoration: none !important;
  }

  #mobile-main-header .trending-overlay a:hover .site-title {
    color: #1fb566;
    text-decoration: none !important;
  }

  /*End*/
  .recipes_going_viral_breaker_section .today_stories,
  .video_breaker_section .today_stories,
  .vegan_thanks_giving_breaker .today_stories {
    margin-bottom: 0px;
  }

  .Recipes.browse-all-content {
    margin-top: 0;
  }

  .newsletter_breaker_section.newsletter_block {
    margin-bottom: 0px;
    margin-top: 0px;
  }

  .latest_health_breaker_section,
  .latest_earth_breaker_section {
    margin-top: 0px;
  }

  .grid-container.load-li li:nth-child(1),
  .grid-container.load-li li:nth-child(2),
  .grid-container.load-li li:nth-child(3) {
    min-height: 245px;
  }

  .grid-container.load-li li {
    min-height: 245px;
  }

  .food-section .container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .feature-block {
    height: 280px;
    margin-bottom: 20px;
    padding: 10px;
  }

  .monthly-topStories .general-title {
    margin-bottom: 30px;
  }

  .feature-img,
  .feature-text {
    height: 100%;
  }

  .loader.load-more4.today_stories {
    padding: 10px 0px 20px 0;
  }

  ol.carousel-indicators {
    top: 427px;
    position: relative !important;
    margin-bottom: 0px;
  }

  .carousel .carousel-control.left,
  .carousel .carousel-control.right {
    top: 35%;
  }

  .feature .job-p p,
  .feature .job-p span,
  .feature .feature-block button.accordion strong {
    font-size: 16px;
  }

  #main-content .slidebar-trending li {
    height: 280px;
  }

  #main-content .slidebar-trending li .image_div {
    height: 100%;
  }

  #main-content .slidebar-trending li .trending-post-title {
    height: 100%;
  }

  /*End*/
  /*Author section*/
  .reviews .profile .profile-text h2,
  .reviews .profile .profile-text h2 a {
    padding: 0 10px;
  }

  .profile-img img {
    width: auto;
    height: auto;
  }

  .reviews .profile .profile-text {
    padding: 0 20px;
  }

  .reviews.u-reviews .profile .profile-text,
  .reviews.u-reviews .profile .profile-text h2,
  .reviews.u-reviews .profile .profile-text h2 a {
    padding: 0 0px;
  }

  .profile .profile-text {
    text-align: left;
  }

  .profile-text h2 {
    padding-left: 0px;
    margin-top: 0px;
    font-size: 25px;
  }

  .container.author-sec {
    padding-top: 30px;
    padding-left: 0px;
    background: #faf6f3;
    padding-right: 0px;
  }

  .profile-text .profile-socials {
    text-align: left;
  }

  .authorpg-container .profile {
    margin-top: 0px;
  }

  .profile-text p {
    font-size: 18px;
    text-align: left;
  }

  .container.authorpg-container {
    padding-right: 0px;
    padding-left: 0px;
  }

  .auther-website-url {
    font-size: 18px;
    text-align: left;
  }

  /*Newsletter*/
  .grid-container.news-block div.widget_text {
    padding: 10px;
  }

  .grid-container.news-block .textwidget form {
    width: 100%;
    padding: 10px;
  }

  .news-block h2.widgettitle:after {
    top: 32%;
    width: 19%;
    right: 57px;
  }

  /*FoodMonsterApp*/
  .abt-banner2 .overlay .text {
    margin-left: 8%;
    margin-top: 8%;
  }

  .foodmonsterblock .feature-text img {
    height: 30px;
  }

  .iphone-block .feature-text h2 {
    top: 40px;
  }

  .feature .app {
    min-height: 848px;
    margin-bottom: 0px;
  }

  .video-holder {
    height: 100%;
  }

  .join-comm,
  .add-preview {
    margin-bottom: 0;
  }

  .foodmonsterblock .feature-img {
    width: 100%;
    margin-right: 0px;
  }

  .foodmonsterblock .feature-text {
    width: 100%;
    padding: 0 0px;
  }

  .foodmonsterblock .feature-text h2 {
    margin-top: 20px;
  }

  .foodmonsterblock .feature-text h2,
  .foodmonsterblock .feature-text p {
    padding-right: 0px;
    padding-left: 0px;
  }

  .video-holder iframe {
    height: 100%;
  }

  .feature .iphone-block .feature-img {
    margin-top: 5%;
  }

  .iphone-block .playstore img {
    height: auto;
    padding: 5px;
    width: 160px;
  }

  .foodmonsterblock p.playstore-p img {
    height: auto;
    padding: 5px;
    width: 160px;
  }

  .reviews .profile .profile-img {
    padding-left: 0px;
  }

  .people-block {
    padding-left: 0px;
    padding-right: 0px;
  }

  .feature .iphone-block .feature-text h2,
  .feature .iphone-block .feature-text h2 span {
    font-size: 45px;
    margin: 0px 0 0px;
  }

  section.head-bottom {
    margin-bottom: 20px;
  }

  /*Comment section css */
  form.comment-form {
    width: 100%;
  }

  ol.comment-list article {
    background-color: #fff;
  }

  ol.comment-list li {
    margin-bottom: 20px;
  }

  form.comment-form input[type="submit"] {
    width: 50%;
  }

  /*Video page css*/
  .post-img-box .img-full iframe {
    width: 100%;
    height: 450px;
  }

  .hero.singlepg h1 {
    line-height: 36px;
    font-size: 36px;
    color: #333;
    padding: 0;
  }

  .ogp-single-recipe-title {
    line-height: 36px;
    font-size: 36px;
    color: #333;
    padding: 0;
  }

  .raw-vegan h3.recipe-head-title {
    font-size: 29px;
  }

  h2.recope-title {
    font-size: 30px;
  }

  .hero-mo.singlepg-mo {
    display: none;
  }

  .ad-tag.recipe-ad-class div {
    display: block;
  }

  /*End*/
  /*Recipe page post css*/
  .recipe-post-ul .first-container li.post-margin:nth-child(2) .feature-img,
  .recipe-post-ul .first-container li.post-margin:nth-child(3) .feature-img,
  .recipe-post-ul .second-container li.post-margin:nth-child(2) .feature-img,
  .recipe-post-ul .second-container li.post-margin:nth-child(3) .feature-img,
  .recipe-post-ul .fourth-container li.post-margin:nth-child(3) .feature-img,
  .recipe-post-ul .fourth-container li.post-margin:nth-child(4) .feature-img,
  .recipe-post-ul .fifth-container li.post-margin:nth-child(3) .feature-img,
  .recipe-post-ul .fifth-container li.post-margin:nth-child(4) .feature-img {
    height: 460px;
  }

  .recipe-post-ul .first-container li.post-margin:nth-child(2) .feature-img img,
  .recipe-post-ul .first-container li.post-margin:nth-child(3) .feature-img img,
  .recipe-post-ul
    .second-container
    li.post-margin:nth-child(2)
    .feature-img
    img,
  .recipe-post-ul
    .second-container
    li.post-margin:nth-child(3)
    .feature-img
    img,
  .recipe-post-ul
    .fourth-container
    li.post-margin:nth-child(3)
    .feature-img
    img,
  .recipe-post-ul
    .fourth-container
    li.post-margin:nth-child(4)
    .feature-img
    img,
  .recipe-post-ul .fifth-container li.post-margin:nth-child(3) .feature-img img,
  .recipe-post-ul
    .fifth-container
    li.post-margin:nth-child(4)
    .feature-img
    img {
    height: 460px;
  }

  .recipe-post-ul .first-container li.post-margin:nth-child(3),
  .recipe-post-ul .fourth-container li.post-margin:nth-child(4),
  .recipe-post-ul .fifth-container li.post-margin:nth-child(4) {
    margin-top: -200px;
  }

  .recipe-posttags.feature-block {
    margin-top: 0px;
  }

  /*End*/
}

@media (min-width: 992px) and (max-width: 1023px) {
  .vidio-content {
    width: 71%;
  }

  .side-bar {
    width: 250px;
  }

  .profile-content p,
  .single-p-class .author p {
    margin-left: 17%;
  }

  .profile-content p {
    margin-left: 18%;
  }
}

@media (min-width: 1367px) {
  .post-ad-class,
  .video-ad-class {
    margin: 0 auto;
  }

  .recipe-ad-class {
    width: 100%;
    margin-left: 0;
  }
}

@media screen and (min-device-width: 1025px) and (max-device-width: 1240px) {
  #ogp-header .search_icon {
  }
  /*#ogp-header .navbar-default .navbar-collapse{*/
  /*  width: 80%;*/
  /*}*/
  .new-header .navbar-default .navbar-nav > li > a {
    padding: 7px 8px 0px 8px;
  }
}

@media screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1) {

}

@media only screen and (min-width: 1030px) and (max-width: 1366px) {
  
}

/*iPad Pro css*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .sf-field-post_type,
  .sf-field-category {
    display: none;
  }

  #ogp-header .search_icon {
    /* display:none; */
  }

  .download-app {
    display: block;
    top: 72%;
  }

  /*End*/
  .post-author.author center {
    width: 100%;
    margin-left: 0%;
  }

  #ogp-header .navbar-default .navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
  }

  .loader .closebtn {
    display: none;
  }

  .today_stories .grid-container div p,
  .Recipes .grid-container div p {
    min-height: 0px;
    padding: 0px 10px 0;
    top: 0;
    left: 0%;
    margin-right: 0%;
    transform: translate(0%, 0%);
  }

  .today_stories h3:before,
  .Recipes h3:before {
    width: 60%;
    left: 21%;
  }

  .vegan_thanks_giving_breaker .view-more-div {
    margin-top: 20px;
  }

  .todays-stories-content {
    height: auto;
    min-height: 110px;
  }

  .loader h3 {
    font-size: 25px;
  }

  .vidio-content {
    width: 100%;
    padding-left: 40px;
  }

  .vidio-content.sidebar-paddleft {
    width: 100%;
    padding-left: 0px;
  }

  .vidio-content.recipe-content {
    width: 100%;
    padding-left: 0px;
  }

  .floatL.vidio-content.sidebar-paddleft,
  .floatL.vidio-content.recipe-content-div {
    width: 65%;
  }

  .side-bar {
    width: 100%;
  }

  .playstore-add h2 {
    font-size: 21px;
    margin-top: 0;
  }

  .newsletter_block form h2 {
    font-size: 24px;
  }

  .side-bar .today_stories .grid-container.imgdiv div span {
    font-size: 14px;
    padding: 0 10px;
  }

  .single-p-class .author .comment-content p {
    margin-left: 52px;
  }

  .author .post-content p iframe {
    /* margin-left:0px;  */
    width: 100%;
  }

  .fixed-ad {
    margin-right: 15%;
    top: 9%;
  }

  figure.wp-block-image {
    width: 100%;
    margin: 0 auto;
  }

  .wp-block-image,
  .post-content .wp-block-image img {
    width: 100%;
    margin-left: 0;
  }

  .author .profile-content p {
    margin-left: 0;
    padding-right: 4%;
  }

  .single-p-class .author form p.form-submit {
    margin-left: 0;
  }

  .single-p-class .author ol.comment-list {
    margin-left: 0;
  }

  /*About us*/
  .team .para {
    min-height: 0;
  }

  .team .team-text {
    min-height: 0;
  }

  .writer.team .para {
    min-height: 0;
  }

  .writer.team .team-text {
    min-height: 0;
    padding: 0;
  }

  .writer-img {
    padding: 15px;
  }

  .text {
    font-size: 47px;
  }

  .overlay .playstore-img {
    margin-left: 101px;
    margin-top: 278px;
    display: inline-block;
    width: 40%;
  }

  .overlay .playstore-img {
    margin-left: 50%;
    margin-top: 10%;
  }

  .overlay .playstore-img img {
    width: 160px;
    height: auto;
  }

  .abt-banner2 p {
    margin: 0px;
    padding: 0;
  }

  .writer .team-text {
    height: auto;
  }

  .seven.columns {
    width: 100%;
    background-color: #fff !important;
  }

  .pagecontent p {
    font-size: 16px;
  }

  .pagecontent p a {
    word-wrap: break-word;
  }

  .mission .line-title hr {
    display: block;
  }

  .about-us .mission h2:after {
    display: none;
  }

  .mission .line-title p {
    padding: 0 0 0;
  }

  /*Author*/
  .container.authorpg-container {
    padding-left: 0px;
    padding-right: 0px;
  }

  .container.author-sec {
    padding-left: 0px;
    padding-right: 0px;
  }

  .hero-mo.singlepg-mo {
    display: none;
  }

  /*FoodMonsterApp*/
  .iphone-block .playstore img {
    height: auto;
    padding: 5px;
    width: 160px;
  }

  .foodmonsterblock p.playstore-p img {
    height: auto;
    padding: 5px;
    width: 160px;
  }

  .feature-img img {
    object-fit: cover;
    min-height: 260px;
  }

  .foodmonsterblock .feature-img {
    width: 100%;
    margin-right: 0px;
    height: 100%;
  }

  .foodmonsterblock .feature-text {
    width: 100%;
    padding: 0 0px;
  }

  .foodmonsterblock .feature-text h2 {
    margin-top: 20px;
  }

  .foodmonsterblock .feature-text h2,
  .foodmonsterblock .feature-text p {
    padding-right: 0px;
    padding-left: 0px;
  }

  .feature .app {
    min-height: 670px;
  }

  .iphone-block .feature-text {
    height: auto;
  }

  .user-reviews,
  .press-reviews {
    background: #fff;
  }

  /*Tag page*/
  .todays-mainpg.tag-sec {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 30px;
  }

  /*Comment section css */
  form.comment-form {
    width: 100%;
  }

  ol.comment-list article {
    background-color: #fff;
  }

  ol.comment-list li {
    margin-bottom: 20px;
  }

  form.comment-form input[type="submit"] {
    width: 50%;
  }

  .recipe-ad-class {
    width: 100%;
    margin-left: 0%;
  }

  .default-author .post-ad-class,
  .default-author .recipe-ad-class,
  .default-author .video-ad-class {
    width: 100%;
    margin-left: 0;
  }

  .post-container .category-colors .author .comments-section h2:after {
    left: 16%;
  }

  .post-container
    .category-colors
    .default-author.author
    .comments-section
    h2:after {
    left: 22%;
  }

  .category-colors .author .comments-section h2:after {
    left: 26%;
  }

  .post-container
    .category-colors
    .author
    .comments-section
    h2.comments-title:after {
    display: none;
  }

  /*Newsletter*/
  .grid-container.news-block div.widget_text {
    padding: 30px 10px;
  }

  .grid-container.news-block .textwidget form {
    width: 100%;
  }

  .news-block h2.widgettitle:after {
    top: 38%;
    width: 38%;
  }

  .single-p-class .post-side-bar .playstore-add h2 {
    font-size: 26px;
  }

  /*******************************/
  .new-header .navbar-default .navbar-nav > li > a {
    padding: 5px 9px 5px 9px;
    font-size: 10px;
  }

  .new-header .navbar-default .navbar-nav > li:hover > a {
    padding: 5px 9px 5px 9px;
  }

  .navbar-nav > li.dropdown-li {
    padding: 2px 0 0px 0px;
  }

  .post-author.author .profile-content {
    width: 45%;
    margin-left: 15%;
  }

  .fixed-ad {
    margin-right: 70px;
  }

  .recipe-ad-class {
    width: 100%;
    margin-left: 0px;
  }

  .post-author.author .post-data .rltd-post ul.weekly-stories-ul {
    width: 100%;
    margin-left: 0px;
  }

  .rltd-post {
    padding-top: 30px;
    width: 100%;
    margin-left: 0%;
  }

  .new-post-sidebar .side-bar .grid-container.imgdiv .trending-div,
  .new-recipe-sidebar .side-bar .grid-container.imgdiv .trending-div,
  .new-video-sidebar .side-bar .grid-container.imgdiv .trending-div {
    width: 33.33%;
  }

  #main-header-div #ogp-header .navbar-header a .site-title {
    font-size: 31px;
  }

  #ogp-header .navbar-default .navbar-collapse {
    width: auto;
  }

  .logo-sticky a .site-title {
    font-size: 31px;
  }

  /*.menu-social-icons p{  padding:5px;  width:65%;  text-align:left;  float:left;  margin-bottom:0;  }*/

  .menu-social-icons a {
    display: inline-grid;
    padding: 5px;
    float: right;
  }

  .menu-social-icons {
    margin-top: 5px;
  }

  .modal.stripe-modal .stripe-button-el span {
    height: 20px;
    background: transparent;
    color: #4d4d4d;
    font-size: 22px;
    font-family: "Cormorant Garamond", serif;
    text-decoration: none;
    line-height: 22px;
    box-shadow: none;
    padding: 0;
    border: none;
  }
  .modal.stripe-modal .stripe-button-el {
    background: transparent;
    background-image: url(../../themes/onegreenplanet/img/headerline.png);
    background-position: 0px 1.6em;
    background-size: 100% 1px;
    background-repeat: repeat-x;
    box-shadow: none;
    color: #4d4d4d;
  }
  .modal.stripe-modal .stripe-button-el:not(:disabled):active span,
  .modal.stripe-modal .stripe-button-el:not(:disabled):active {
    background: transparent;
    background-image: url(../../themes/onegreenplanet/img/headerline.png);
    background-position: 0px 1.6em;
    background-size: 100% 1px;
    background-repeat: repeat-x;
    box-shadow: none;
    color: #4d4d4d;
  }
  .modal.stripe-modal .stripe-button-el:focus,
  .modal.stripe-modal .stripe-button-el span:focus {
    outline: none;
  }
  .modal.stripe-modal .modal-body h2:before {
    left: 41%;
  }
  /*******************************/
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  #ogp-header {
    display: none;
  }
  .fmApp-button,
  .nl-button,
  .donateBox-button {
    display: inline-block;
  }
  .off-canvas-wrapper,
  .fixed-header {
    display: block;
  }

  .off-canvas-wrapper,
  .fixed-header {
    display: block;
  }

  .trending-overlay {
    display: block;
  }

  .mobile-slideout-open .navbar-toggle {
    display: block;
  }

  .off-canvas-wrapper .slidebar-trending-item .image_div {
    height: 150px;
  }

  .trending-overlay .slidebar-trending .image_div {
    height: 200px;
    display: inline-block;
  }

  .nav-menu__right__mobile__button__ul {
    padding: 40px;
  }

  .slidebar-trending-item .trending-post-title a,
  .slidebar-trending .trending-post-title a {
    font-size: 26px;
  }

  .icon-close {
    margin-left: 0px;
    margin-top: 14px;
  }

  .icon-close-icon-NEW:before,
  .slidebar-content .slidebar-header .mobile-slideout-close:before {
    font-size: 30px;
  }

  .trending-overlay h4 {
    font-size: 38px;
  }

  .fixed-header .nav-menu .nav-menu__right__mobile {
    text-align: right;
  }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  .new-header .navbar-default .navbar-nav > li > a {
    padding: 6px 6px 0px 6px;
    font-size: 12px;
  }

  .navbar-nav > li.dropdown-li {
    padding: 2px 0 0px 0px;
  }

  h2.recope-title {
    font-size: 40px;
  }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .author-container .post-content .callout-class {
    display: none;
  }
}

@media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .author-container .post-content .callout-class {
    display: none;
  }
}
@media all and (max-width: 1350px) and (min-width: 1245px) {
  .new-header .navbar-default .navbar-nav > li > a {
    padding: 7px 6px 0px 6px;
    font-size: 12px;
  }

  .new-header .navbar-default .navbar-nav > li:hover > a {
    padding: 7px 6px 0px 6px;
    font-size: 12px;
  }
}
@media all and (max-width: 1245px) and (min-width: 1111px) {
  #ogp-header .search_icon {
    /* display:none; */
  }
 

  .new-header .navbar-collapse {
    padding-right: 0px;
  }
}
@media all and (max-width: 1245px) and (min-width: 1101px) {
  .new-header .navbar-default .navbar-nav > li > a {
    padding: 7px 5px 0px 6px;
    font-size: 11px;
  }
  .new-header .navbar-default .navbar-nav > li:hover > a {
    padding: 7px 5px 0px 6px;
    font-size: 11px;
  }
}
@media all and (max-width: 1100px) and (min-width: 1023px) {
  .new-header .navbar-default .navbar-nav > li > a {
    padding: 7px 4px 0px 3px;
    font-size: 10px;
  }
  .new-header .navbar-default .navbar-nav > li:hover > a {
    padding: 7px 4px 0px 5px;
    font-size: 10px;
  }
}
@media all and (max-width: 1110px) and (min-width: 1025px) {
  #ogp-header .search_icon {
    /* display:none; */
  }

  .new-header .navbar-collapse {
    padding-right: 0px;
  }
}

@media screen and (min-device-width: 800px) and (max-device-width: 1280px) and (orientation: portrait) {
  .team .team-block {
    padding: 0;
  }

  .grid-container.load-li li:nth-child(1),
  .grid-container.load-li li:nth-child(2),
  .grid-container.load-li li:nth-child(3) {
    min-height: 245px;
  }

  .grid-container.load-li li {
    min-height: 245px;
  }

  .todays-mainpg .today_stories {
    margin-bottom: 0;
  }

  .bgwhite.marginTop {
    margin-top: 0;
  }

  .recipe-post-ul .second-container li.post-margin:nth-child(1) .feature-text,
  .recipe-post-ul .fourth-container li.post-margin:nth-child(1) .feature-text,
  .recipe-post-ul .fifth-container li.post-margin:nth-child(1) .feature-text,
  .recipe-post-ul .fifth-container li.post-margin:nth-child(6) .feature-text {
    height: 260px;
  }

  .today_stories.latest-food-stories .today_stories {
    margin-top: 20px;
  }

  .latest_health_breaker_section,
  .latest_earth_breaker_section {
    margin-top: 0;
  }

  #main-content li {
    list-style: none;
  }

  /* .banner_box h2{  top:35%;  } */
}

@media screen and (min-width: 1366px) and (max-width: 1600px) {
  .fixed-ad {
    margin-right: 16%;
  }
}

@media screen and (min-width: 1900px) {
  .fixed-ad {
    margin-right: 24%;
  }
}

@media screen and (min-width: 2100px) {
  .fixed-ad {
    margin-right: 24px;
  }
}

@media screen and (min-width: 2400px) {
  .fixed-ad {
    margin-right: 26%;
  }
}

@media screen and (max-width: 500px) {
  .header a {
    float: none;
    display: block;
    text-align: left;
  }

  .header-right {
    float: none;
  }
}

/*CSS for responsive header*/
@media only screen and (max-width: 767px) {
  header_sticky {
    display: none !important;
  }

  /*End*/
  ::-webkit-input-placeholder {
    text-align: center;
  }

  ::-moz-placeholder {
    text-align: center;
  }

  :-ms-input-placeholder {
    text-align: center;
  }

  :-moz-placeholder {
    text-align: center;
  }

  input.sf-input-text {
    text-align: center !important;
  }

  ::-webkit-input-placeholder {
    text-align: center;
  }

  ::-moz-placeholder {
    text-align: center;
  }

  :-ms-input-placeholder {
    text-align: center;
  }

  :-moz-placeholder {
    text-align: center;
  }

  .class-for-responsive form input.sf-input-text {
    margin-left: 0%;
    width: 100%;
  }

  .class-for-responsive li.sf-field-submit input[type="submit"] {
    width: 200% !important;
    font-family: "Muli", serif;
    font-size: 15px;
    margin-left: -22px;
    margin-top: 20px;
  }

  /* Donation Page Module start*/

  .box-select-wrap {
    margin-bottom: 30px;
  }
  .hide_desktop {
    line-height: 24px;
  }
  .main-wrap .nav-tabs > li > a {
    padding: 8px 10px;
    min-width: 90px;
    font-size: 16px;
  }
  .box-select .card-box {
    padding: 20px;
  }
  .main-wrap h1 {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .main-wrap .nav-tabs > li {
    margin-right: 10px;
  }
  .main-wrap h4 {
    font-size: 20px;
  }
  .main-wrap .wpfs-btn-primary {
    height: 42px !important;
  }
  .main-wrap .wpfs-form-group {
    margin-bottom: 30px;
  }
  .main-wrap .wpfs-ui .ui-button {
    min-height: 42px;
  }
  .main-wrap .wpfs-selectmenu-button .ui-selectmenu-text {
    padding: 10px 40px 10px 0;
    font-size: 14px;
  }
  .main-wrap
    .wpfs-input-group
    > .wpfs-input-group-form-control:not(:first-child) {
    min-height: 42px;
    font-size: 14px;
  }
  a.input_box span:after {
    left: -25px;
  }
  /* Donation Page Module End*/

  /* payment section start */
  .info-section:after,
  .info-section:before {
    width: 35%;
  }
  /* payment section end */
}

@media screen and (device-aspect-ratio: 40/71) {
  .fixed-header .nav-menu li.menu-logo {
    padding-left: 0;
  }
  .donateBox-button {
    padding: 3px 0px;
  }
  .off-canvas .donate-in-menu .opg-newletter .donate-header-border-top {
    width: 72%;
    top: 50%;
  }
}

@supports (-webkit-overflow-scrolling: touch) {
  /* CSS specific to iOS devices */
  .news-block .donate-header-border-2 {
    top: 76%;
    width: 87%;
  }
}

/*css for Safari browser*/
@media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio:0) {
   
    .modal.stripe-modal .stripe-button-el span {
      height: 20px;
      background: transparent;
      color: #4d4d4d;
      font-size: 22px;
      font-family: "Cormorant Garamond", serif;
      text-decoration: none;
      line-height: 22px;
      box-shadow: none;
      padding: 0;
      border: none;
    }
    .modal.stripe-modal .stripe-button-el {
      background: transparent;
      background-image: url(../../themes/onegreenplanet/img/headerline.png);
      background-position: 0px 1.6em;
      background-size: 100% 1px;
      background-repeat: repeat-x;
      box-shadow: none;
      color: #4d4d4d;
    }
    .modal.stripe-modal .stripe-button-el:not(:disabled):active span,
    .modal.stripe-modal .stripe-button-el:not(:disabled):active {
      background: transparent;
      background-image: url(../../themes/onegreenplanet/img/headerline.png);
      background-position: 0px 1.6em;
      background-size: 100% 1px;
      background-repeat: repeat-x;
      box-shadow: none;
      color: #4d4d4d;
    }
    .modal.stripe-modal .stripe-button-el:focus,
    .modal.stripe-modal .stripe-button-el span:focus {
      outline: none;
    }
  
    .new-header .navbar-default .navbar-nav > li:hover .dropdown-content {
      max-height: 300px;
    }
}

/*Header file css*/
@media (min-width: 768px) {
  .modal-content {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

/*Header file css*/
@media (max-width: 767px) {
  .cookbook-button-section .image-container img {
    height: auto;
  }

  .pubgalaxy-320-50-top-mobile,
  .pubgalaxy-320-50-1-mobile,
  .pubgalaxy-320-50-2-mobile,
  .pubgalaxy-320-50-3-mobile {
    display: block !important;
  }
  .display-flex-mobile {
    display: flex !important;
  }
}

@media screen and (max-width: 1024px) {
  .cookbook-button-section .cookbook-button-container .image-container {
    margin: 0 20px;
  }

  .cookbook-button-section
    .cookbook-button-container
    .image-container
    .image-full {
    margin: auto;
  }
}

@media screen and (max-width: 727px) {
  .cookbook-button-section
    .cookbook-button-container
    .image-container
    .image-full {
    display: none;
  }

  .cookbook-button-section
    .cookbook-button-container
    .image-container
    .image-mobile {
    display: block;
  }

  .cookbook-button-section
    .cookbook-button-container
    .image-container
    .image-mobile {
    max-width: 430px;
    margin: auto;
  }
}

@media screen and (max-width: 425px) {
  .cookbook-button-section {
    max-height: unset;
  }
  .cookbook-button-section .cookbook-button-container {
    flex-direction: column-reverse;
  }
  .cookbook-button-section .cookbook-button-container .text-container {
    align-items: center;
  }
  .cookbook-button-section
    .cookbook-button-container
    .text-container
    .title-block {
    max-width: 290px;
    text-align: center;
  }
}

@media screen and (max-width: 1128px) {
}
@media screen and (max-width: 1024px) {
  .cookbook-button-section .cookbook-button-container {
    margin: 33px auto;
  }
  .cookbook-landing-books .panel-view .panel-item .image-block img {
    max-height: 300px;
  }
}
@media screen and (max-width: 768px) {
  .cookbook-landing-slider {
    margin-top: unset;
  }
  .cookbook-landing-slider .item {
    padding-top: 30px;
  }
  .cookbook-landing-slider .slider-item-container {
    height: auto;
    justify-content: center;
  }
  .cookbook-landing-slider .slider-item-container .title-block {
    width: 100%;
    justify-content: center;
  }
  .cookbook-landing-slider .slider-item-container .title-block * {
    text-align: center;
  }
  .cookbook-landing-slider .slider-item-container .title-block .description {
    margin: auto;
  }
  .cookbook-landing-slider .slider-item-container .title-block .buttons-block {
    justify-content: center;
  }
  .cookbook-landing-slider .slider-item-container .image-block {
    width: 100%;
    justify-content: center;
    text-align: center;
  }
  .cookbook-landing-slider .slider-item-container .image-block img {
    max-width: 100%;
    max-height: 400px;
  }

  .cookbook-landing-books .panel-view {
    justify-content: center;
  }
  .cookbook-landing-books .panel-view .panel-item {
    width: 100%;
  }
  .cookbook-landing-books .panel-view .panel-item .image-block img {
    max-height: unset;
    object-fit: contain;
  }
  .cookbook-landing-books .heading-block {
    padding-bottom: 15px;
  }
  .cookbook-landing-books .heading-block .title h1 {
    font-size: 32px;
    line-height: 48px;
  }
}
@media screen and (max-width: 575px) {
  .menu-cookbooks-container li.menu-item {
    width: 300px;
  }
  .primis-video-container {
    margin-bottom: 50px;
  }
  .lead-info-tooltip {
    display: flex;
    color: rgb(138, 136, 137);
  }
  .lead-info-tooltip span {
    display: block;
    width: 100%;
    max-width: 94px;
  }
  .tooltipnew {
    word-wrap: break-word;
    word-break: break-all;
    padding: 0 21px 0 0px;
  }

  /* Payment section start */
  .info-section:after,
  .info-section:before {
    width: 30%;
  }
  .paypal-form .donation-form {
    flex-direction: column;
  }
  .paypal-form .donation-form input {
    width: 100% !important;
    margin-right: 0;
    margin-bottom: 15px !important;
    text-align: center;
  }
  .paypal-form .donation-form input::placeholder {
    text-align: center;
  }
  .paypal-form .donation-form button {
    width: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  /* Payment section end */
}
@media screen and (max-width: 475px) {
  .cookbook-landing-slider .slider-item-container .title-block .title {
    font-size: 28px;
    line-height: 42px;
  }
  .cookbook-landing-slider .slider-item-container .title-block .sub-title {
    font-size: 20px;
    line-height: 28px;
  }
  .cookbook-landing-books .panel-view .panel-item .image-block img {
    max-height: 300px;
  }
}
@media screen and (max-width: 375px) {
  .cookbook-landing-books .heading-block .title h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .cookbook-landing-books .panel-view .panel-item .image-block img {
    max-height: 250px;
  }
  .menu-cookbooks-container li.menu-item {
    width: 275px;
  }
  .info-section:after,
  .info-section:before {
    width: 25%;
  }
}
@media screen and (max-width: 325px) {
  .cookbook-landing-slider .slider-item-container .image-block img {
    max-height: 350px;
  }
}

@media screen and (max-width: 1760px) {
  .header-navs-container .navbar-header,
  .header-sticky-container .logo-sticky {
    margin: 0 2%;
  }
}

@media screen and (max-width: 1600px) {
  .header-navs-container .navbar-header,
  .header-sticky-container .logo-sticky {
    margin: 0 1%;
  }
  .header-sticky-container .navs-container {
    margin-right: 2%;
  }
}

@media screen and (max-width: 1570px) {
  .header-navs-container .navbar-header,
  .header-sticky-container .logo-sticky {
    margin: 0 5px 0 15px;
  }
}
@media screen and (max-width: 1720px) {
  .header-navs-container .navs-container .header-links-container {
    margin-right: 2%;
  }
}
@media screen and (max-width: 1600px) {
  .header-navs-container .navs-container .header-links-container {
    margin-right: 30px;
  }
}
@media screen and (max-width: 1570px) {
  .new-header .navbar-default .navbar-nav > li > a {
    padding: 7px;
  }
}
@media screen and (max-width: 1500px) {
  .header-navs-container .navs-container .header-links-container {
    margin-right: 15px;
  }
  .new-header .navbar-default .navbar-nav > li > a {
    padding: 7px 5px;
  }

  #main-header-div #ogp-header .navbar-header a .site-title {
    font-size: 30px;
    line-height: 30px;
  }
}
@media screen and (max-width: 1350px) {
  .single-product-container {
    justify-content: space-evenly;
  }
  .single-product-container .product-slider-container {
    max-width: 450px;
  }
  .single-product-container .product-info-container {
    max-width: 500px;
    padding-left: 15px;
  }
  .product-preview-item {
    max-width: 450px;
  }
  .other-products-container .products {
    justify-content: space-evenly;
  }
  .new-header .navbar-default .navbar-nav > li > button {
    padding: 5px;
  }
  .empty-cart-container .content-container .info {
    width: 400px;
  }
}
@media screen and (max-width: 1390px) {
  #main-header-div #ogp-header .navbar-header a .site-title {
    font-size: 24px;
    line-height: 24px;
  }
  .new-header .navbar-default .navbar-nav > li > a {
    padding: 7px 4px;
    font-size: 11px;
  }
}
@media screen and (max-width: 1250px) {
  #main-header-div #ogp-header .navbar-header a .site-title {
    font-size: 20px;
    line-height: 20px;
  }
  .new-header .navbar-default .navbar-nav > li > a {
    padding: 7px 3px;
    font-size: 11px;
  }
}
@media screen and (max-width: 1200px) {
  .single-product-container .product-slider-container {
    max-width: 350px;
  }
  .single-product-container .product-info-container {
    max-width: 450px;
    padding-left: 15px;
  }
  .product-preview-item {
    max-width: 400px;
  }
}

@media screen and (max-width: 1200px) {
  #ogp-header {
    display: none;
  }
  .off-canvas-wrapper,
  .fixed-header,
  .trending-overlay,
  .mobile-slideout-open .navbar-toggle {
    display: block;
  }
  .searchandfilter ul li.sf-field-post_type,
  .searchandfilter ul li.sf-field-category {
    display: none;
  }
  .off-canvas-wrapper .slidebar-menu {
    margin-bottom: 20px;
    padding: 40px;
  }
  .off-canvas .donate-in-menu .opg-newletter,
  .off-canvas .newsletter-menu .opg-newletter form {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

@media screen and (max-width: 1024px) {
  .single-product-container {
    flex-direction: column;
    align-items: center;
  }
  .single-product-container .product-slider-container {
    max-width: 550px;
  }
  .single-product-container .product-info-container {
    max-width: 100%;
    margin-top: 50px;
    padding-left: 0;
  }
  .single-product-container
    .product-slider-container
    .slider.slider-single
    .slider-preview-item
    img {
    margin: auto;
  }
  .other-products-container .heading .title,
  .single-product-container .product-info-container .title h1 {
    font-size: 32px;
    line-height: 48px;
  }
  .product-preview-item {
    max-width: 335px;
  }
  /*.product-preview-item .image-block img { height: 250px;}*/
  .empty-cart-container .content-container .preview {
    width: 300px;
  }
  .empty-cart-container .content-container .preview .empty-cart-background {
    top: 225px;
    height: 175px;
  }
  .payment-box-section {
    float: left;
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .other-products-container .products {
    flex-direction: column;
    align-items: center;
  }
  .product-preview-item {
    margin-bottom: 50px;
  }
  .cart-container .after-cart-container {
    justify-content: space-evenly;
  }
  .empty-cart-container .content-container {
    justify-content: space-evenly;
  }
  .empty-cart-container .content-container .preview .empty-cart-background {
    display: none;
  }
  .cart-container
    table.shop_table
    .woocommerce-cart-form__cart-item.cart_item
    td.product-remove
    a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .cart-container
    table.shop_table
    .woocommerce-cart-form__cart-item.cart_item
    td.product-remove
    a::before {
    content: "Remove";
    font-weight: 700;
    float: left;
    font-size: 18px;
    color: #252525;
  }
}
@media screen and (max-width: 475px) {
  .product-preview-item,
  .single-product-container .product-slider-container,
  .single-product-container .product-slider-container {
    max-width: 100%;
  }
  .single-product-container .product-info-container .buttons-container {
    flex-direction: column;
  }
  .recipe-product.buttons-container .button-container,
  .single-product-container
    .product-info-container
    .buttons-container
    .button-container {
    margin-bottom: 15px;
  }
  .other-products-container {
    margin-top: 50px;
  }
  .cart-container .after-cart-container .coupon {
    justify-content: space-evenly;
  }
  .cart-container .after-cart-container .coupon button.button {
    margin-top: 15px !important;
  }
  .cart-container .after-cart-container .proceed-links {
    margin-top: 25px !important;
    justify-content: space-evenly;
  }
  .single-product-container
    .product-info-container
    .buttons-container
    .ebook.button-container
    .button {
    width: 100%;
  }
  .recipe-product.buttons-container .button-container .description {
    padding: 0 15px;
    text-align: center;
  }
}
@media screen and (max-width: 375px) {
  .product-preview-item
    .image-block
    .stickers-container
    .sticker-items
    .sticker {
    font-size: 11px;
  }
}

/* Fix caraousal shrink issue */
@media screen and (max-width: 991px) {
  .carousel-inner.vegan-recipe img {
    height: 450px !important;
    object-fit: cover;
  }

  .ingredient-heading {
    width: 100% !important;
    max-width: 100% !important;
  }

  .tooltipnew {
    flex-direction: column;
    flex-wrap: wrap !important;
  }

  .tooltipnew:hover .tooltiptext {
    padding-left: 3px;
  }
  /* Donation Page Module Start*/

  .box-select-wrap {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
  }
  .box-select-wrap .card-box {
    width: 50%;
    padding: 0;
  }
  .card-box p {
    display: none;
  }
  .box-select {
    gap: 20px;
    margin-bottom: 10px;
  }
  .card-box a.hide_box {
    display: none;
  }
  .box-select .card-box {
    padding: 30px 30px;
    position: relative;
  }
  .hide_desktop {
    display: block;
    font-size: 14px;
    color: #757575;
    line-height: 28px;
    text-align: left;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-top: 0;
    margin-bottom: 30px;
  }
  .card-box img {
    max-height: 30px;
    object-fit: contain;
  }
  .input_box {
    position: relative;
    font-size: 16px;
    color: #757575 !important;
    left: 0;
    right: 0;
    display: inline-flex;
    margin: 0 auto;
    align-items: center;
    max-width: 100%;
    text-decoration: none !important;
    justify-content: center;
    display: block;
  }
  a.input_box span {
    position: relative;
  }
  a.input_box span:after {
    content: " ";
    width: 20px;
    height: 20px;
    border: 1px solid #757575;
    position: absolute;
    border-radius: 100%;
    left: -30px;
  }
  .card-box.selected a.input_box span:after {
    border-color: #c9504a;
    background-position: center;
    background-size: 20px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj4KPGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iNSIgZmlsbD0iI0M5NTA0QSIvPgo8L3N2Zz4=);
  }
  /* Donation Page Module End*/
}