/*
Theme Name: GeneratePress Child
Theme URI: https://generatepress.com
Template: generatepress
Author: Tom Usborne
Author URI: https://tomusborne.com
Description: GeneratePress is a lightweight WordPress theme built with a focus on speed and usability. Performance is important to us, which is why a fresh GeneratePress install adds less than 15kb (gzipped) to your page size. We take full advantage of the new block editor (Gutenberg), which gives you more control over creating your content. If you use page builders, GeneratePress is the right theme for you. It is completely compatible with all major page builders, including Beaver Builder and Elementor. Thanks to our emphasis on WordPress coding standards, we can boast full compatibility with all well-coded plugins, including WooCommerce. GeneratePress is fully responsive, uses valid HTML/CSS and is translated into over 25 languages by our amazing community of users. A few of our many features include microdata integration, 9 widget areas, 5 navigation locations, 5 sidebar layouts, dropdown menus (click or hover) and navigation color presets. Learn more and check out our powerful premium version at https://generatepress.com
Tags: two-columns,three-columns,one-column,right-sidebar,left-sidebar,footer-widgets,blog,e-commerce,flexible-header,full-width-template,buddypress,custom-header,custom-background,custom-menu,custom-colors,sticky-post,threaded-comments,translation-ready,rtl-language-support,featured-images,theme-options
Version: 2.4.2.1590991104
Updated: 2020-06-01 05:58:24 */

body {
    font-family: 'Karla', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.eco_top_pick_headline {
    font-family: 'Rubik', sans-serif;
}

h2 {
    font-size: 27px;
    font-weight: 500;
}

h3 {
    font-family: "Rubik", sans-serif;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 22px;
}

.img-border img {
    border: 1px solid;
    border-color: #dde2eb;
}

a:focus {
    outline: none;
}

body a:hover {
    color: #A8DBA8;
}

.callout_bg {
    color: #00b0a9;
    text-align: left;
    width: 95%;
    margin: 25px auto;
    border-radius: 5px;
    line-height: 40px;
    font-size: 24px;
    box-shadow: 2px 2px 30px 4px #d9dfec70;
}

.callout_text p {
    padding: 20px;
    font-size: 20px;
    margin: 0 0 1.5em;
    position: relative;
    color: #273338;
}

.hg_references.main_references {
    padding: 6px 0;
}

.main_faq {
    padding: 8px 0;
}

.ref-link {
    font-size: 21px;
}

.main_references li {
    font-style: normal;
    font-size: 15px;
    color: #6f777a;
    padding: 0 0 15px;
}

.expert_quote blockquote {
    /* font-size: 19px; */
    line-height: 30px;
}

.expert_quote blockquote {
    border-left: 5px solid #79bd9a;
    padding: 0 0px 0 40px;
    font-size: 1.2em;
    font-style: italic;
    margin: 0 0 1.5em;
    position: relative;
    color: #79bd9a;
    font-family: "Karla", sans-serif;
}

.expert_quote blockquote:after {
    content: "\2013" " " attr(cite);
    display: block;
    text-align: left;
    padding-top: 8px;
    font-size: 18px;
    color: #3B8686;
}

.mnfaq_accordion {
    cursor: pointer;
    padding: 10px 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.1s;
    color: #547980;
    background: transparent;
}

.mnfaq_accordion.active,
.mnfaq_accordion:hover,
.mnfaq_accordion:focus {
    background-color: #A8DBA8 !important;
    color: #000 !important;
}

.mnfaq_accordion .arrowtoggle {
    color: #333 !important;
}

.mnfaq_accordion:hover .arrowtoggle,
.mnfaq_accordion:focus .arrowtoggle {
    color: #000 !important;
}

button.mnfaq_accordion:hover .arrowtoggle {
    color: #000 !important;
}

.mnfaq_accordion .arrowtoggle {
    color: #79bd9a !important;
    margin-top: 10px;
    float: right;
}

.main_faq h3 {
    font-size: 19px;
    margin: 0px auto;
    line-height: 40px;
}

.main_faq button.mnfaq_accordion:hover h3 {
    color: #1a1a1a;
}

.faq_panel {
    padding: 10px 18px;
    display: none;
    overflow: hidden;
    color: #6f777a;
    line-height: 34px;
    font-size: 16px;
}

.acrdnrow.active .faq_panel {
    display: block;
}

.acrdnrow.active button.mnfaq_accordion {
    background: #A8DBA8;
    color: #000;
}

.acrdnrow.active span.fa.fa-chevron-down.arrowtoggle {
    display: none !important;
}

.acrdnrow.active span.fa.fa-chevron-up.arrowtoggle {
    display: block !important;
    color: #000 !important;
}

.mnfaq_accordion .acrdnrow.active .arrowtoggle {
    color: #000 !important;
}

.ecoglanceblc {
    margin-bottom: 30px;
}

.ecoglancehead {
    border: 1px solid #494949;
    border-color: #494949;
    text-align: center;
    padding-bottom: 0px;
    background-color: #494949;
    max-width: auto;
    margin: auto;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.ecoglancehead p {
    margin: 0 0 -.5em;
    font-weight: 600;
    font-size: 22px;
    color: white;
    padding: 8px 8px;
    text-transform: uppercase;
    line-height: 1.2em;
    margin-bottom: 0;
}

.ecoglancecont {
    border: 1px solid #F4F2F2;
    border-color: #F4F2F2;
    max-width: auto;
    margin: auto;
    padding-right: 10px;
    padding-top: 20px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, .2);
}

.ecoglancecont ol {
    margin-left: 20px!important;
    padding-bottom: 1px!important;
    line-height: 1.2em;
    padding-left: 1.5em!important;
    font-weight: 600;
}

.ecoglancecont li {
    color: #000;
    margin-bottom: 0!important;
    padding-bottom: 10px;
    vertical-align: top;
}

.ecoglancecont li:last-child {
    padding-bottom: 0;
}

.ecoglancecont ol li span {
    text-transform: uppercase;
}

.ecoglancecont ol li:first-child span {
    color: #E6512B;
}

.ecoglancecont a {
    color: #79BD9A;
    text-decoration: underline;
}

.eco_cta_btn {
    text-align: center;
    width: 100%;
    margin: 20px auto;
    max-width: 100%;
    display: block;
    clear: both;
}

.eco_cta_btn a {
    padding: 9px 20px;
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
    text-align: center;
    color: #fff;
    display: inline-block;
    border-radius: 8px;
    background-image: none;
    background-color: rgb(230, 81, 43);
    box-sizing: border-box;
    overflow: hidden;
    text-transform: uppercase;
}

.eco_cta_btn a:hover {
    background-color: rgb(220, 121, 21);
    color: #fff;
}

.eco_top_pick_wrap {
    background-color: #FFFFFF;
    width: 100%;
    margin: 60px auto 45px;
    clear: both;
    display: block;
    overflow: visible;
    position: relative;
    max-width: 100%;
}

.twoprodbox .eco_top_pick_wrap {
    margin: 0px auto 0px;
}

.twoprodbox .eco_top_pick {
    box-shadow: 2px 10px 30px 4px #d9dfec70;
    margin: 0px auto 0px !important;
}

.twoprodbox.maintwoprod,
.mnthreetoppick {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.twoprodbox.maintwoprod>div,
.mnthreetoppick>div {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 15px;
    box-sizing: border-box;
}

.mnthreetoppick>div {
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
}

.twoprodbox.maintwoprod .eco_top_pick_wrap,
.mnthreetoppick .eco_top_pick_wrap {
    margin: 0px auto 0px;
    width: 100%;
}

.twoprodbox.maintwoprod .eco_top_pick_wrap .eco_top_pick,
.mnthreetoppick .eco_top_pick_wrap .eco_top_pick {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.twoprodbox.maintwoprod .eco_top_pick_wrap p.eco_top_pick_headline,
.mnthreetoppick .eco_top_pick_wrap p.eco_top_pick_headline {
    margin-bottom: 10px !important;
}

.twoprodbox.maintwoprod .eco_top_pick_wrap .eco_top_pick>div:not(.eco_top_pick_ribbon),
.mnthreetoppick .eco_top_pick_wrap .eco_top_pick>div:not(.eco_top_pick_ribbon) {
    width: 100%;
    text-align: center;
}

.twoprodbox.maintwoprod>div>div,
.mnthreetoppick>div>div {
    height: 100%;
    background: #fff;
    box-shadow: 2px 2px 30px 4px #d9dfec70;
}

.twoprodbox.maintwoprod>div>div .eco_top_pick,
.mnthreetoppick>div>div .eco_top_pick {
    box-shadow: none;
}

.twoprodbox.maintwoprod .eco_top_pick_ribbon,
.mnthreetoppick .eco_top_pick_ribbon {
    max-width: 90%;
}

.twoprodbox.maintwoprod .eco_cta_btn,
.mnthreetoppick .eco_cta_btn {
    margin: 0px auto 0;
    position: absolute;
    left: 0;
    bottom: 22px;
}

.twoprodbox .eco_top_pick {
    padding: 30px 30px 70px;
}

.eco_top_pick {
    padding: 1em 1.5em;
    max-width: 100%;
    overflow: hidden;
    margin: 30px auto !important;
    background-color: #FFFFFF;
    box-shadow: 2px 2px 30px 4px #d9dfec70;
    padding: 30px;
}

.eco_top_pick_ribbon {
    font-size: 1.25rem;
    line-height: 1.25rem;
    font-weight: 700;
    display: inline-block;
    position: absolute;
    top: 20px;
    left: -13px;
    margin: 0;
    padding: 9px 16px 8px 14px;
    background: #79bd9a;
}

.twoprodbox .eco_top_pick_image_cta.eco_col_left {
    margin: 70px 0 0;
}

.eco_top_pick_ribbon:after {
    content: " ";
    display: block;
    position: absolute;
    left: -13px;
    bottom: -13px;
    border-color: rgba(0, 0, 0, 0) #4a8366 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: inset solid inset inset;
    border-width: 0 13px 13px;
}

.eco_top_pick_image_cta {
    margin-top: 75px;
}

.eco_col_left,
.eco_col_right {
    width: 45%;
    float: left;
    margin: 2%;
}

.eco_top_pick_image_cta {
    margin-top: 75px;
}

.eco_top_pick_wrap p.eco_top_pick_headline {
    font-size: 24px !important;
    line-height: 32px;
    color: #273338;
    font-weight: 700;
    margin-bottom: 40px !important;
}

.eco_toppick_right p {
    font-size: 16px;
    line-height: 24px;
    color: #6f777a;
    font-weight: 400;
}

.eco_top_pick_cta {
    float: left;
}

.eco_cta_btn {
    text-align: center;
    width: 100%;
    margin: 20px auto;
    max-width: 100%;
    display: block;
    clear: both;
}

.eco_top_pick_cta a {
    padding: 35px;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff !important;
    font-weight: 400;
    text-align: center;
}

.eco_top_pick_ribbon span {
    color: #FFF;
    font-size: 18px;
    line-height: 24px;
    color: #ffffff;
    font-weight: 700;
}

body .tlrd-box {
    border: 1px solid #dde2eb;
    padding: 20px 40px;
    width: 95%;
    margin-bottom: 20px !important;
    background-color: #e5fcc2;
    box-sizing: border-box;
    margin: auto;
}

.tlrd-box .tldrheading {
    text-transform: uppercase;
}

.eco_product_review {
    background-color: #FFFFFF;
    border: 2px solid #EEE;
    width: 90%;
    margin: 1.5em auto;
    clear: both;
    display: block;
    overflow: hidden;
    padding: 30px;
    box-sizing: border-box;
}

h3.eco_product_review_heading {
    font-size: 24px;
    line-height: 32px;
    color: #273338;
    font-weight: 700;
    margin-bottom: 40px;
    text-align: center;
}

.mnprosconsec p.eco_procons_headline {
    text-transform: uppercase;
}

.eco_review_procon p.eco_procons_headline {
    font-size: 20px;
    line-height: 32px;
    color: #273338;
    font-weight: 600;
    border-bottom: none;
    padding: 10px 0px;
    margin-bottom: 0px;
}

.eco_review_procon ul {
    margin: 0px 0px 15px 0px;
}

.prodcos.eco_review_procon ul li {
    padding: 20px 2% 20px 40px;
    border-bottom: 1px dotted #dde2eb;
    position: relative;
}

.prodcos.eco_review_procon ul li p {
    margin: 0;
}

.eco_review_procon ul li svg {
    position: absolute;
    top: 26px;
    left: 15px;
}

.prodcos.eco_review_procon>div {
    margin-left: 0;
    margin-right: 0;
}

.eco_review_procon ul li {
    list-style-type: none;
    padding: 0px;
    text-indent: 0;
    padding-bottom: 7px;
    font-size: 17px;
}

.prodprodcons h3.eco_product_review_heading a {
    color: #79BD9A;
}

.prodprodcons h3.eco_product_review_heading a:hover {
    color: #A8DBA8;
}

.prodprodcons svg.feather.feather-plus-circle {
    margin-bottom: -2px;
    stroke-width: 3px;
    padding-right: 10px;
}

.prodcos svg {
    margin-bottom: -2px;
    stroke-width: 3px;
    padding-right: 10px;
}

.eco_review_procon.prodcos p.eco_procons_headline {
    padding: 10px 15px;
    text-align: center;
}

.rgtspec ul {
    margin-left: 20px;
}

.proslist .eco_review_procon ul li {
    position: relative;
    padding-left: 25px;
}

.proslist .eco_review_procon ul li svg {
    margin: 0;
    left: 0;
    top: 8px;
}

.rgtspec ul li {
    font-size: 15px;
    padding-bottom: 8px;
}

.mnprodspec ul li p {
    margin-bottom: 0;
}

.mnprodspec ul {
    margin-left: 20px;
}

.eco_review_procon.eco_procon.prodcos.mnprosconsec {
    float: left;
    width: 100%;
}

.prodcos.mnprosconsec .eco_col_left,
.prodcos.mnprosconsec .eco_col_right {
    width: 50%;
    margin: 0;
}

.prodcos.mnprosconsec p.eco_procons_headline {
    font-family: "Rubik", sans-serif;
    font-weight: 500;
    font-size: 22px;
}

tbody tr.ecotablehead {
    background-color: #494949!important;
    color: #FFFFFF!important;
    font-weight: 700;
    text-transform: uppercase!important;
    padding: 7px 7px!important;
}

.ecotablehead th {
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 1.2em;
}

th.tblheadimg {
    width: 20%;
    border: none;
    text-align: center;
}

th.tblheadprod {
    width: 20%;
    border: none;
    text-align: left;
    text-align: center;
}

th.tablheadprod {
    width: 30%!important;
    border: none;
}

.ecoprodlist table {
    border: 1px solid #DCDCDC;
}

.ecoprodlist table td {
    border: none;
    padding: 10px;
    border-bottom: 1px solid #DCDCDC;
}

ul.dtlslistul {
    margin: 0;
}

ul.dtlslistul li {
    list-style: none;
    margin: 0px;
    line-height: 1.2em;
    color: #3A3A3A;
    font-size: 14px;
    padding-bottom: 3px;
    padding-left: 22px;
    background: url('./assets/images/tick.png') no-repeat 0 0;
}

.ecoprodlist table .nametd {
    padding: 12px 18px;
}

.listtd {
    padding: 10px 10px 10px 25px;
}

.ecoprodlist .eco_cta_btn {
    margin: 0;
}

.ecoprodlist .eco_cta_btn a {
    padding: 9px 20px;
    display: inline-block;
    margin: auto;
}

td.nametd span {
    text-align: left;
    color: #3a3a3a;
    font-family: 'Karla', sans-serif;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 700;
    margin: 10px -2px 2px;
    display: block;
    line-height: 1;
    text-decoration: none;
}

.ecoprodlist tr {
    background: #fff;
}

.imgtd>span.bannerlbl {
    color: #fff;
    background: #79bd9a;
    padding: 6px 15px;
    line-height: 1em;
    margin: 6px -110px 6px -22px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: .5px;
    font-weight: 700;
    font-size: 14px;
    display: block;
    width: max-content;
    width: -moz-max-content;
    max-width: 130px;
    position: relative;
    z-index: 9;
    position: relative;
}

.imgtd>span.bannerlbl::before {
    display: block;
    width: 10px;
    height: 0;
    position: absolute;
    margin: 20px 0 2px -25px;
    content: "";
    border-bottom: 23px solid transparent;
    border-right: 13px solid #4a8366;
    bottom: -25px;
}

td.buttontd img {
    width: 70px;
    margin: 0 auto 6px;
}

td.buttontd {
    text-align: center;
}

td.imgtd img {
    max-height: 125px;
    margin: auto;
    height: auto;
    max-width: 80%;
    padding: 5px 5px;
    display: inline;
}

span.mobbannerlbl {
    display: none;
}

.howtohead h2.inrhead {
    text-align: center;
}

.howtocont ul {
    margin: 0;
}

.howtocont ul li {
    list-style: none;
    position: relative;
    margin-bottom: 10px;
    display: flex;
}

.howtocont ul li span.fa.fa-plus {
    padding: 5px 10px;
    color: #555;
    font-size: 18px;
}

.wp-block-image figcaption {
    font-size: 13px;
    text-align: center;
}

header .menu-item-has-children .dropdown-menu-toggle {
    display: inline-block;
    height: initial;
    clear: both;
    padding-right: 20px;
    padding-left: 10px;
}

.eco_review_roundup_specs p.eco_review_specs_heading {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 20px;
}

.eco_review_roundup_spec li {
    color: #0B486B;
}

.tbldesign1 {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    overflow: inherit;
}

.tbldesign1 table {
    margin: 0;
    padding: 10px;
    border: 10px solid #79bd9a;
    box-shadow: inset 0 0 0 10px #fff;
}

.tbldesign1 table tr:nth-child(2n) {
    background: #fff;
}

.tbldesign1 table tr td {
    padding: 16px 18px;
    border: 1px solid #e5e5e5;
    border-right: none;
    border-bottom: none;
    font-size: 16px;
    line-height: 24px;
}

.tbldesign1 table tr td:last-child {
    border-right: 1px solid #e5e5e5;
}

.tbldesign1 table tr:last-child td {
    border-bottom: 1px solid #e5e5e5;
}


/* TOC */

.single-post div#toc_container {
    display: none !important;
}

ul.toc_widget_list>li ul {
    margin-left: 15px;
    margin-top: 10px;
}

ul.toc_widget_list>li>a {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
}

ul.toc_widget_list li a {
    color: #303030;
}

ul.toc_widget_list li a:hover {
    color: #79BD9A;
}

ul.toc_widget_list>li ul a {
    font-size: 15px;
}

ul.toc_widget_list>li li {
    list-style: none;
}

body.single-post .inside-right-sidebar aside {
    padding: 20px !important;
}

body.single-post div#content {
    display: flex;
    flex-wrap: wrap;
}

.inside-right-sidebar {
    height: 100%;
}

aside#toc-widget-2 {
    position: sticky;
    top: 50px;
    border: 1px solid #f1f1f1;
    max-height: 700px;
    overflow: auto;
    padding-left: 50px !important;
    height: 100%;
    margin-bottom: 40px;
}

ul.toc_widget_list>li {
    position: relative;
}

ul.toc_widget_list>li span.arw {
    position: absolute;
    top: 6px;
    left: -28px;
    cursor: pointer;
    height: 20px;
    line-height: 20px;
    width: 20px;
    background: #dfe5f0;
    border-radius: 50%;
    text-align: center;
}

ul.toc_widget_list>li span.arw svg#Capa_1 {
    fill: #000;
    width: 12px;
    height: 12px;
}

ul.toc_widget_list>li span.arw svg {
    width: 18px;
    height: 18px;
    fill: #dadada;
}

ul.toc_widget_list>li span.arw svg.rotate {
    transform: rotate(180deg);
}

aside#toc-widget-2 h2.widget-title {
    font-size: 22px;
    border-bottom: 1px solid #dfe5f0;
    padding-bottom: 20px;
    font-weight: 500;
}

aside#toc-widget-2 li {
    padding-bottom: 0;
}

aside#toc-widget-2 a {
    display: block;
    padding: 4px 8px;
}

aside#toc-widget-2 a.active {
    color: #79bd9a !important;
    background: #f1f1f1;
}


/* Summery Box Review */

.entry-content .eco_product_summary {
    background: #fff;
    box-shadow: 2px 2px 30px 4px #d9dfec70;
    padding: 20px;
    margin: 3.5em auto;
    clear: both;
    display: block;
    overflow: auto;
    padding-bottom: 0;
    width: 85%;
}

p.eco_product_summary_headline {
    font-weight: 600;
    font-size: 24px;
    font-family: rubik, sans-serif;
    color: #273338;
    text-align: center;
}

.eco_product_summary .eco_product_summary_cols {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    align-items: center;
}

.eco_product_summary .eco_cta_btn {
    padding: 20px 0!important;
}

.eco_product_summary .eco_product_summary_quote blockquote {
    margin: 0;
    padding: 0 20px;
}

.eco_product_summary_cta a {
    font-weight: 900;
}

.eco_product_summary .eco_product_summary_quote blockquote p {
    margin-bottom: 7px;
}

.eco_product_summary_image img {
    max-height: 300px;
}

@media (max-width: 1016px) {
    .ecoprodlist tr {
        display: flex;
        flex-direction: column;
    }
    .ecoprodlist table tr td {
        border-bottom: none;
        text-align: center;
    }
    .ecoprodlist table tr td:last-child {
        border-bottom: 1px solid #DCDCDC;
        padding-bottom: 30px;
    }
    .imgtd>span.bannerlbl {
        display: none;
    }
    span.mobbannerlbl:after,
    span.mobbannerlbl:before {
        clear: both;
        display: block;
        content: "";
    }
    span.mobbannerlbl {
        clear: both;
    }
    span.mobbannerlbl {
        color: #fff;
        background: #79bd9a;
        padding: 6px 15px;
        line-height: 1em;
        margin: auto;
        text-align: center;
        text-transform: uppercase;
        text-decoration: none;
        letter-spacing: .5px;
        font-weight: 700;
        font-size: 14px;
        display: block;
        width: max-content;
        width: -moz-max-content;
        max-width: 200px;
        margin-bottom: 8px;
    }
    .ecoprodlist table .nametd {
        order: 1;
    }
    td.imgtd {
        order: 2;
    }
    td.listtd {
        order: 3;
    }
    td.buttontd {
        order: 4;
    }
    td.nametd span {
        text-align: center;
    }
    ul.dtlslistul {
        max-width: 265px;
        text-align: left;
        padding-left: 30px;
        box-sizing: border-box;
        margin: auto;
    }
    .ecotablehead th {
        display: none !important;
    }
    .ecotablehead th.tblheadprod {
        display: block !important;
        text-align: center;
        width: 100%;
    }
}

@media(max-width:768px) {
    #toc-widget-2 ul.toc_widget_list.no_bullets {
        padding-left: 28px;
    }
    .inside-right-sidebar ul.toc_widget_list.no_bullets {
        height: auto;
        margin-bottom: 30px;
    }
}

@media(max-width:640px) {
    .eco_col_left,
    .eco_col_right {
        width: 100%;
        margin: 0;
    }
    .eco_top_pick_image_cta {
        margin-top: 75px;
    }
    .twoprodbox.maintwoprod>div {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .mnthreetoppick>div {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 30px;
    }
    .eco_product_summary .eco_col_left,
    .eco_product_summary .eco_col_right {
        min-height: auto;
    }
    .eco_product_summary_right ul {
        margin-left: 20px;
        margin-top: 20px;
    }
}