@media screen and (max-width: 1200px) {
    .container {width:auto;margin:0 3%;}
}
@media screen and (max-width: 1024px) {
    
}
@media screen and (max-width: 768px) {
    body { position:inherit}
    #top.topfixed { position:relative}
    #top .container { width:auto; margin:0;}
    #logo { margin-left:3%}
    #pagenav { display:none}
    #main-left,
    #main-right { float:none; width:100%!important}
    #main-left { margin-bottom:20px}
    .section.bg-img h3::before { background-position:100% 100%!important}
    .section.product-lists .entry ul li { display:inline-block; width:45%; margin:0 0 50px 0}
    #bloglists .bloglist { width:auto;}
    #bloglists .bloglist .blog-thumbnail-wrapper { height:auto; overflow:inherit}
    #footer-columns { text-align:center}
    #footer-columns .content-column { width:100%!important; margin:0 0 30px 0!important; float:none!important; display:inline-block;}
    #social-links ul li { float:none; display:inline-block!important; vertical-align:top; margin:0 0 10px 0!important}
    #copy { padding:0}
}
@media screen and (max-width: 665px) {
    body { font-size:14px}
    #introbanner-area .intro-entry h1 { font-size:40px}
    .entry h1 { font-size:40px}
    #introbanner-area .intro-entry p { font-size:14px}
    #whatcanwedo { padding-bottom:10px}
    #whatcanwedo .entry .content-column { width:100%; text-align:center}
    #whatcanwedo .entry .content-column img { display:none}
    #whatcanwedo .entry .content-column ul { width:auto; text-align:left!important}
    .section.bg-img { font-size:40px}
    .section.bg-img.bg-img-entry { text-align:center}
    .section.bg-img.bg-img-entry .entry h4 { font-size:30px}
    #bloglists .entry h5 { font-size:30px; margin:0 0 20px 0}
    #bloglists .bloglist .blog-list-ttle { margin-bottom:5px}
    #bloglists .bloglist .blog-list-ttle a { font-size:20px;}
    .section.bg-img.bg-img-entry { font-size:14px}
    #bloglists .bloglist .blog-thumbnail-wrapper { margin-bottom:15px}
    .btn-button .btn { font-size:14px; font-family:'poppinsregular'}

    
}
@media screen and (max-width: 415px) {
    #introbanner-area .intro-entry h1 { line-height:1.2em;}
    .entry h1,
    .entry #respond h2 { font-size:25px}
    #main-right .widget .widget-ttle strong { font-size:20px}
    .section.bg-img.bg-img-entry { padding:50px 0}
    .section.product-lists .entry ul li { width:35%; margin:20px}
    img.alignright,
    a.alignright,
    img.alignleft,
    a.alignleft,
    img.aligncenter,
    a.aligncenter,
    img.alignnone,
    a.alignnone {float:none!important;display: block;margin-left: auto!important;margin-right: auto!important;margin-bottom:10px!important}

    #hpsecs { padding-bottom:0!important}
    #hpsecs .container { width:auto!important}
    #hpsecs .content-column { width:auto!important; margin:0 0 12px 0!important; float:none; display:block}
    #hpsecs .wp-caption { width:auto!important}
    #hpsecs .wp-caption .wp-caption-text strong { font-size:20px}

    #whatcanwedo { padding-top:15px}

    #introbanner-area.bannerhp{display:none;}
    #banner-logos { padding-bottom:0; }
    #banner-logos ul li { width:auto; float:none; display:block;text-align:left; margin:0 0 10px 0}
    #banner-logos ul li > ul { position:relative; margin-top:-10px; display:none}
    #banner-logos ul li > ul li { display:inline-block; width: auto; padding:5px}
    #banner-logos ul li:nth-child(2) { top:inherit}
    #banner-logos ul li.sdov { position:relative; top:-3px}
    #banner-logos ul li img { height:35px; width:auto}

    
    #newhpsec { padding:20px 0}
    #newhpsec .entry:before, #newhpsec .entry:after { width:200px; height:200px}
    #newhpsec .entry:before {
        border-top: 5px solid #ce0e2d;
        border-left: 5px solid #ce0e2d;
    }
    #newhpsec .entry:after {
        border-bottom: 5px solid #ce0e2d;
        border-right: 5px solid #ce0e2d;
    }
    #newhpsec .entry { padding:30px}
    #newhpsec .entry h2 { font-size:25px}
    #newhpsec .content-column { float:none; width:100%; margin:0 0 5px 0!important}
    #newhpsec .content-column  { height:200px; overflow:hidden}
    #newhpsec .wp-caption .wp-caption-text strong { font-size:15px; margin:75px 0 0 0}
    #newhpsec .wp-caption:hover .wp-caption-text strong { margin:15px 0 0 0}

    
    #whatcanwedo .entry h2 { font-size:30px; margin:0 0 20px 0}
    #whatcanwedo .entry .content-column.last_column { padding:40px 0 10px 0}
    #weshipanywhereus { padding-bottom:0}
    #weshipanywhereus .entry .content-column { width:100%}
    #weshipanywhereus .entry .content-column.last_column { display:none}
    #weshipanywhereus .entry .content-column blockquote { margin:0; padding:30px}
    #weshipanywhereus .entry .content-column blockquote h3 { font-size:30px; line-height:1.3em}

    #provenquality { padding:10px 0}
    #provenquality .entry .content-column { padding:30px}
    #provenquality .entry .content-column h4 { font-size:30px}
    #provenquality .entry .content-column h4 br { display:none}
    #provenquality .entry .content-column { width:100%;}
    #provenquality .entry .content-column .btn-button { display:block; width:100%}
    #provenquality .entry .content-column .btn-button .btn { max-width:100%; padding:20px}
    #provenquality .entry .content-column.last_column { display:none}

    #top-products-area { }
    #top-products-area .entry .content-column.one_third h3 { font-size:30px; margin:0 0 10px 0}
    #top-products-area .entry .content-column { width:100%!important}
    #top-products-area .responsive-tabs__list li {
        width:22%;
        text-align:center;
        margin:0!important;
        padding:10px 4px;
        font-size:11px;
        font-weight:normal;
        font-family: 'poppinsregular';
        line-height:1.3em
    }
    #top-products-area .responsive-tabs__list li.responsive-tabs__list__item--active:after { bottom:-58px}
    #top-products-area .tabcontent { padding:20px 20px 30px 20px;}
    #top-products-area .tabcontent > .content-column.one_third { padding:0; margin-bottom:30px}
    #top-products-area .tabcontent > .content-column.two_third ul { text-align:center; background:#fff; padding:30px 10px 10px 10px}
    #top-products-area .tabcontent > .content-column.two_third ul li {
        width:40%;
        float:none;
        text-align:center;
        margin:0 10px 20px 10px;
        padding:0;
        display:inline-block;
        vertical-align:top;
    }
    #top-products-area .tabcontent > .content-column.two_third ul li strong {
        font-size:13px;
        font-family: 'poppinsregular';
        font-weight:normal
    }
    #newssechp { padding:20px 0;}
    #newssechp .entry .news-section { width:100%; padding:60px 30px 30px 30px}
    #newssechp .entry:before { top:0}

    #bloglists { padding:20px 0}

    #footer { padding-top:0px}
}
@media screen and (max-width: 325px) {
    #logo { width:200px}
    .mnav-mobile-btn { top:20px}
    .mnav-menu { top:72px}
    #whatcanwedo .entry .content-column ul { margin-left:10px}
}