@media (min-width: 1400px){

}
/* large Layout: 1280px. */
@media only screen and (min-width: 1600px) and (max-width: 1920px) { 
   
   /*.container { width: 1370px;}*/


   
}

/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1400px) { 
    
}

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) { 

}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { /* STYLES GO HERE */
    
}

/* Mobile Layout: 320px to 767px. */
@media only screen and (max-width: 767px) {
    a.mobsBar { position: absolute; z-index: 21; right: 15px; top: 10px; font-size: 20px; line-height: 20px; color: #1c7825; border: 1px solid #87dd1c;    padding: 5px 10px;
    border-radius: 3px; display: block;}
    .menu-area{ display: none; position: absolute; background: #257d2e; left: 0; top: 45px; z-index: 1; height: 100vh; padding: 30px 15px; }
    .menu-area ul{ margin:0; width: 100%; }
    .menu-area ul li{ width: 100%; }
    .menu-area ul li a{ color: #fff; padding:15px 0; text-align: center;}
    .logo_area{ margin-top: 15px; }
    .right-menu-area ul{ margin-top: 15px; }
    .right-menu-area ul li a{ padding: 0 5px; }
    .right-menu-area{ margin-top: 40px; }
    .right-menu-area ul li a img{ width: 20px; }
    .header-area{ min-height: auto; }


    .banner-txt h1, .banner-txt h2, .banner-txt span{ font-size: 44px; line-height: 42px; letter-spacing: 0; margin-top: 40px; text-align: center; }
    .banner-center-area{ height: 350px; }
    .banner-center-area:after{ background-size: contain; background-position: 50% 60px; }
    .banner-center-area img{ width: 100%; }
    .banner-txt h2 br{ display: none; }
    .banner-txt span{ margin: 0; }


    .pro-img{ width: 100%; height: 225px; min-height: auto; }
    .pro-img img{ height: 225px; }
    .pro-content{ width: 100%; padding:15px }
    .product-box{ margin-bottom: 30px; }

    .energyarea p{ padding: 0 15px; }
    .headings h2{ font-size: 42px; line-height: 36px; padding: 0 15px; }


    .proImgs{ height: 210px; overflow: hidden; }
    .proImgs img{ height: 210px; }
    .energyBox{ margin-bottom: 15px; }
    .greenarea{ padding: 15px; }
    .greenarea h3{ text-align: center; }

    .discover-content-area{ padding: 0; }
    .discover-content-area h2, .join-area h2{ font-size: 42px; line-height: 36px; }
    .discover-img img{ width: 100%; }

    .join-area, .bottom-footer{ padding: 35px 0; }
    .footer-area{ padding: 35px 0 0; }
    .footer-content a, .footer-content ul li p{ text-align: center; }
    .footer-content h2, .footer-content p, .bottom-footer p, .bottom-footer span{ text-align: center; }
    .footer-content a{ margin: 0 auto; }



    /*--------------------------*/

    .inner-banner-area h2{ font-size: 42px; line-height: 40px; padding: 0 15px; }
    .innertxt-area p{ padding: 0 15px; }
    .inner-product .product-box{ padding: 15px; }
    .pro-heads{ width: 100%; }
    .inner-product .pro-img{ width: 100%; }
    .pro-heads h3{ font-size: 40px; text-align: center;display: block; }
    .offerarea span{ font-size: 32px; line-height: 30px; }
    .offerarea h4{ font-size: 46px; line-height: 42px; }

    .prodescribe-area h2{ font-size: 36px; line-height: 36px; }


    /*-----------------------*/

    .healthTips-topics ul li{ width: 100%; }
    .topicBox{ min-height: auto; }

    .subscribeporduct .product-box .pro-img { width: 100%;}
    .subscribeporduct .product-box .pro-content{ width: 100%; }
    .subscribeporduct .product-box .pro-content{ padding: 10px; }
    .subscribeporduct .product-box .pro-content h3{     font-size: 30px; line-height: 32px }
}