@charset "utf-8";
/* CSS Document */

/* Table of Contents
-----------------------------------------------------------------------------
1. Mobile
2. iPad
3. large desktop
4. Other
*/
/* 1. Mobile responsive css 767px
------------------------------------------------------------------------------*/
@media (max-width:767px) {

    /* typography */
    h1,
    h2{ font-size:30px;line-height: 40px;padding-bottom: 12px;}
    h3,
    h4{ font-size:25px;line-height: 35px;}
    h6{ font-size:30px;line-height: 40px;}

    /* default css */
    .hidden-xs{display: none !important;}
    .btn{font-size: 18px;line-height: 25px;padding: 7px 29px 6px 28px; }
    .container{padding-left: 20px;padding-right: 20px;}
    .row{margin-left: -20px;margin-right: -20px;}
    [class*=col-]{padding-left: 20px;padding-right: 20px;}

    /* header part */
    .brand{position: relative;top: 0;margin-top: 90px;}
    .inner-logo{ display: none; }
    .close-btn{ display: none; }
    .navbar,
    .search-part{ padding:0 50px 0 50px; }
    .main-menu {margin-top: 62px;position: relative; padding-top: 40px; }
    .vertical-header{height: auto;width: 100%;padding: 15px;box-shadow: none;position: fixed;left: 0;top: 0;z-index: 99999;}
    header{width: 100%;height: auto;position: initial}
    header .social-part{position: relative;bottom: 0;width: 60%;}
    .social-part a:first-child{padding: 0;}
    .social-part a{display: inline-block;vertical-align: middle;padding: 0;margin-right: 10px;}
    .social-part a:before{font-size: 30px;}
    .hamburger{position: absolute;right: 0; right: 15px;top: 9px;}
    header .search-icon{position: absolute; right: 80px;top: 2px;}
    .navbar-main{width: 100%;left: -100%;margin-left: 0;position: fixed;z-index: 9999;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
    header .insta-feeds .top-title h3{font-size: 20px; line-height: 1; font-weight: bold;padding-bottom: 15px; }
    header .insta-feeds .top-title {text-align: left;padding-bottom: 20px;padding-left: 50px;padding-right: 50px;}
    .insta-feeds .top-title .icon-insta-icon{ margin-right: 10px; margin-top: 0; vertical-align: top; }
    .search-box input[type="text"], .search-box input[type="search"], .search-box input[type="email"], .search-box input[type="password"]{width: 100%;padding-left: 0;padding-right: 0;}
    .search-box .btn.white{margin-left: 0;margin-top: 25px;}
    .search-inner-blk .search-txt{margin-bottom: 20px;}
    header .insta-feeds .top-title h3{padding-bottom: 0;display: inline-block;padding-right: 15px;}
    .menu-isopen .navbar-inner:before{animation: checked-anim .6s ease-in both;}
    .navbar-inner:before{animation: not-checked-anim .4s both;}
    .navbar-main.no-insta .navbar-inner{padding-bottom: 80px;}
    .navbar-main.no-insta .navbar-inner:before{display: none;}
    .navbar-main.no-insta{position: absolute;height: 100vh;}
    .navbar-main.no-insta:before {position: absolute; content: "";top: 0;right: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.9);animation: not-checked-anim .4s both;transform: skew(30deg);transform-origin: bottom;}
    .menu-isopen .navbar-main.no-insta:before{ animation: checked-anim .6s ease-in both; transform: skew(0);}
    @keyframes checked-anim {
        0% {
            transform: skew(30deg);
        }
        100% {
            transform: skew(0);
        }
    }
    @keyframes not-checked-anim {
        0% {
            transform: skew(0);
        }
        100% {
            transform: skew(30deg);
        }
    }

    /* navigation part */
    nav ul li{ display: block; margin: 0 0 10px 0; }
    nav ul ul{ position: relative; top: 0; left: 0; padding: 5px 0 0 0; opacity: 1; visibility: visible; pointer-events: all; transition: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; }
    nav ul li a{font-size: 40px;line-height: 50px;display: inline-block; vertical-align: top; }

    /* footer */
    footer{padding-left: 0;}
    .foo-signup-part{text-align: center;width: 100%;}
    .footer-part .foo-social-part{position: relative;width: 100%;text-align: center;transform: translateY(0); -webkit-transform: translateY(0);top: 0;padding-top: 55px;padding-bottom: 55px;}
    .foo-social-part a{display: inline-block;vertical-align: middle;margin-right: 7px;margin-left: 7px;}
    footer .widget_media_image{margin: auto}
    footer .widget_media_image img{margin: auto;}
    .footer-in header .social-part{opacity: 1}
    .foo-logo img{max-width: 250px;display: block;margin: auto;}

    /*--------- home page ------------*/
    #wrapper{padding-left: 0;}
    .home-herozone{padding-bottom: 5%;padding-top: 0px;}
    .home-herozone .container{padding-left: 0;padding-right: 0;}
    .home-herozone:before{display: none;}
    .home-herozone .science-promo .lg-head{position: relative;}
    .home-herozone .science-promo .lg-head:after{content: ''; position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.9)}
    .home-herozone .hero-detail p{color: #000;}
    .home-herozone .recover-promo,
    .home-herozone .science-promo{background-color: #000}
    .home-herozone .recover-promo{position: relative;padding-top: 0;min-height: auto}
    .home-herozone .feature-promo{position: relative;bottom: auto;max-width: 100%; margin-top: 15%; left: 0; top: 10px; }
    .home-herozone .f-img{padding-right: 20px;}
    .home-herozone .btn{border-color: #010101;color: #010101;margin-top: 0;}
    .home-herozone .recover-promo .lg-head{width: 100%;text-align: center;background: #fff;padding-top: 40px;}
    .home-herozone .recover-promo .lg-head h2{padding-bottom: 0;margin-bottom: -15px;}
    .home-herozone .row.no-gutters  .hd-2{max-width: 100%;padding: 20px;margin-top: 20%;}
    .home-herozone .recover-promo .btn,
    .home-herozone .science-promo .btn{color: #fff;border-color: #fff}
    .home-herozone .lg-head{left:0;}
    .home-herozone .recover-promo, .home-herozone .science-promo{margin-left: 0;margin-right: 0;}
    .home-herozone .hero-img{top: 30%;width: 40%;}
    .home-herozone .science-promo .hd-3{padding: 0;margin: 0;width: 75%;padding-left: 10%;padding-bottom: 60px;}
    .home-herozone .science-promo {padding-top: 50px;}
    .home-herozone .hero-detail h4{font-size: 20px;line-height: 28px;}
    .home-herozone .hd-4{padding: 0;margin: 0;padding-left: 10%;padding-top: 50px;width: 100%;padding-right: 25px;}
    .home-herozone .science-promo .hero-detail p{color: #fff;}
    .home-herozone .feature-promo .f-desc{ max-width: 100%; margin-right: 0; margin-left: 26%; padding-top: 20px;padding-right: 10px;     transform: rotate(-10deg);}
    .home-herozone .feature-promo .f-desc:before{ top: 26px; }
    .home-herozone:after{opacity: 1;z-index: 0;top: auto;bottom: 14%;height: 30%;width: 170%;left: 0;}
    .home-img-promo .graphic{margin-top: 10%;}
    .home-img-promo .align-center{align-items: flex-start}
    .home-img-promo:before{top: 12%;height: 80%;width: 115%;left: -7%;}
    .home-img-promo:after{height: 20%;top: 90%;}
    .home-img-promo{padding-top: 30%;}
    .home-img-promo .desc{text-align:left;padding-left: 15px;}
    .home-img-promo h3{padding-bottom: 15px;}
    .news-blog .block-title{margin-top: 0;margin-left: 0;text-align: center;}
    .news-blog .nb-block{margin-top: 0;}
    .news-blog{padding-top: 40px;padding-left: 30px;padding-right: 30px;}
    .news-blog .nb-detail{margin-left: 0;padding-left: 20px;}
    .news-blog .news-blk .inner-blk{padding-right: 0;padding-top: 25px;}
    .news-blog .blog-blk .inner-blk{padding-left: 0;padding-top: 25px;}
    .insta-feeds .top-title{text-align: center;padding-left: 20px;padding-right: 20px;padding-bottom: 53px;}
    .insta-feeds .top-title h3{display: block;padding-right: 0;padding-bottom: 18px;}
    .news-blog .btn-wrap{text-align: center;border-bottom: 1px solid #a1a1a1;padding-bottom: 75px;padding-top: 55px;}
    .news-blog .btn-wrap .btn{margin-left: 0;}
    .insta-feeds{padding-top: 70px;}

    /*--------- science page ------------*/
    body:not(.home) .brand{padding-left: 0;}
    body:not(.home) .brand a{margin: auto;margin-bottom: 35px;}
    .banner{height: auto;background-color: #000000;background-image: none !important;padding-top: 50px;padding-bottom: 50px;}
    .banner h1{font-size: 30px;line-height: 38px;}
    .go-bottom{display: none;}
    .science-top-left-blk h6{font-size: 16px;line-height: 25px;}
    .science-top-left-blk .text-left{text-align: center;}
    .drink-summary{background-image: none !important}
    .science-post.post-left .inner-blk{max-width: 80%;text-align: center;float: none;margin: auto}
    .science-post .desc-blk hr{margin-left: auto;margin-right: auto;margin-top: 0;margin-bottom: 10px;}
    .science-post.post-left figure,
    .science-post.post-right figure{max-width: 100%;margin: 0;border-width: 20px;}
    .bottom-two-col .inner-wrap{padding-right: 0;}
    .science-post .container{padding: 0;}
    .science-post .row{margin: 0;}
    .science-post .img-blk{padding: 0;}
    .science-post .desc-blk{padding: 20px;}
    .science-landing .home-img-promo{ margin-top: 0; padding-bottom: 35%;margin-top: -13%;}
    .science-landing .home-img-promo .graphic{margin-top: 0; padding-right: 0; padding-left: 20px;margin-bottom: -100%; }
    .science-landing .home-img-promo .align-center{align-items: flex-end;}
    .science-landing .home-img-promo .desc-outer{padding-top: 150px;}
    .science-landing .home-img-promo h3{line-height: 30px;padding-bottom: 25px;margin-bottom: 22px;}
    .science-landing .home-img-promo:before{ top: 20%;height: 80%; }
    .science-landing .home-img-promo .desc{ text-align: right; }
    .drink-summary h6{ font-size: 16px; line-height: 26px; }
    .science-post.post-right .desc-blk{ padding:40px 0 40px 0; }
    .science-post.post-left .desc-blk{ padding: 40px 0 0 0; }
    .science-post .inner-blk{ width: 100%; max-width: 100%; text-align: center;padding-right: 20px;padding-left: 20px; }
    .science-post .desc-blk h6{ font-size: 16px; line-height: 26px; }
    .science-post .desc-blk h2{ font-size: 35px; line-height: 45px; }
    .bottom-two-col h6{ font-size: 16px; line-height: 26px; }
    .boost-inner-blk h6{font-size: 16px;line-height: 25px;}
    .banner iframe,.banner video,
    .feature-chocolate-part video, .feature-chocolate-part iframe{-ms-transform: scale(1.4) translate(0,0);-webkit-transform: scale(1.4) translate(0,0);transform: scale(1.4) translate(0,0);min-height: auto;}
    .drink-summary,
    .science-post,
    .bottom-two-col{padding-bottom: 40px;}
    .bottom-two-col .btn{margin-top: 0;}
    .science-post .desc-blk p{padding-bottom: 15px;}
    .drink-summary-caption{max-width: 300px;top: -30px;position: relative;margin-top: -50px;}
    .drink-summary.offset-less .drink-summary-caption{ margin-top: -120px;top: 0;margin-bottom: 20px;}
    .drink-summary-caption{display: none;}
    .drink-summary{padding-top: 50px;}

    /*--------- athlets details page ------------*/
    .athlete-page .main-menu{ padding-top: 60px; }
    .back-athlete-btn{ display: inline-block;position: absolute;top: 62px;left: 0;font-size: 20px;line-height: 26px;font-weight: 600;padding: 15px 20px 15px 45px; background-color: #000;width: 100%;color: #fff;text-transform: capitalize;letter-spacing: 0.20px;padding-left: 30px;  }
    .back-athlete-btn:before{ position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
    header .back-athlete-btn{padding-left: 45px;}
    header .back-athlete-btn:before{left: 15px;}
    .all-athlets{ display: none; }
    .hero-left-details{ margin-left: 0; padding-top: 0; }
    .video-blk{ padding: 45px 0 15px 0; }
    .video-blk .video-inner-blk{ padding: 0; }
    .athlete-page:not(.generic-detail) .brand{ margin-top: 160px; }
    .athlete-page.generic-page .brand{ margin-top: 100px; }
    .hero-left-details .share-bio h6{padding-left: 0;}
    .hero-feature-img{ position: relative; top: 0; left: 0; width: 100%; display: block; }
    .hero-feature-img:before{ position: absolute;top: -60%;left: -10%;content: "";width: calc(100% + 20%);height: calc(100% + 30%);background-color: #ebebeb;transform: rotate(10deg); }
    .hero-feature-img .feature-img-blk{ padding-left: 0; margin-top: 0; width: 37%; margin: 0 auto; display: block; }
    .hero-feature-img .feature-img-blk:before{ display: none; }
    .hero-left-details h6{ font-size: 16px; line-height: 26px; }
    .athlete-page:not(.generic-detail) .hero-left-details h1{ font-size: 40px; line-height: 50px; }
    .hero-details-blk p, .hero-details-blk h6{ padding-bottom: 0; }
    .hero-details-blk h6{ text-transform: uppercase; }
    .connect-share-part .conn-txt{ display: block; }
    .connect-share-part .social-icons{ margin-top: 15px; }
    .social-icons a{ margin: 0 10px; }
    .social-icons a:before{ font-size: 34px; }
    .social-icons a:first-child{ margin-right: 10px; margin-left: 0; }
    .hero-share-part{ padding-bottom: 0; }
    .more-video-part{ padding: 0; }
    .more-video-part .thumb-box{ width: 100%; }
    .more-video-part .back-athlete-btn{ position: relative; top: 0; left: 0; transform: none; background-color: transparent; color: #000; }
    .feature-chocolate-part .feature-box{ max-width: 100%; }
    .feature-blk h6{ font-size: 16px; line-height: 26px; }
    .video-box .video-social-icon a:not(.shar-icon){ display: none; width: 25px;float: right;color: #eca717;}
    .video-box .video-social-icon .shar-icon{ display: block; color: #fff; margin:10px 0;position: absolute;top: 0;left: 0;}
    .video-box .video-social-icon{padding-top: 35px;}
    .video-box .video-social-icon,
    .video-box:hover .video-social-icon{ left: calc(100% - 90px);opacity: 1;visibility: visible;width:80px;}
    .video-box:hover .video-social-icon a{display: block;}
    .shar-icon .icon-txt{ display: inline-block; vertical-align: middle; font-size: 16px; line-height: 21px; font-weight: 900; text-transform: uppercase; margin-right: 5px; }
    .shar-icon .icon-img{ display: inline-block; vertical-align: middle; }
    .video-box iframe{ height: 250px; }
    .video-box .poster-img{ min-height:250px;background-size: cover;}
    .feature-chocolate-part{ height: 470px; }
    .popup-blk{ width: calc(100% - 80px); margin: auto; }
    .popup-blk p{ width: 100%; }
    .equal{height: auto !important}

    /*--------- generic athlets page ------------*/
    .hero-left-details{ margin-top: 50px; }
    .generic-page .feature-img-blk img{ position: relative; top: 0; left: 0; width: 100%; }
    .generic-page .hero-feature-img:after{ left: 0; top: 20px; width: 90%; height: 35px; }
    .generic-page .hero-feature-img .feature-img-blk{ width: 80%; }
    .generic-page .hero-feature-img .feature-img-blk:after{ background-color: #ebebeb; left: auto; right: 80%; top: -50%; height: 100%; width: 200px; }
    .generic-page .hero-feature-img:before{ position: absolute;top: -60%;left: -10%;content: "";width: calc(100% + 20%);height: calc(100% + 30%);background-color: #ebebeb;transform: rotate(10deg); }
    .generic-page .hero-feature-img .feature-img-blk{ display: none; }
    .generic-page .inner-feature-img-blk:before{ display: none;}
    .generic-page .inner-feature-img-blk:before{display: block;content: '';position: absolute;top: 0;right: 0;width: 100%;background-color: #eca717;height: 50px;  }
    .generic-page .inner-feature-img-blk{ top: 0; left: 0; padding: 0;margin: auto; width: 80%;padding-top: 50px;}
    .generic-page .hero-feature-img:before{ width: calc(100% +  25%); }
    .generic-page .inner-feature-img-blk img{margin-top: 0;}
    .generic-page:not(.generic-detail) .inner-feature-img-blk:after{display: none;}
    .generic-page .inner-feature-img-blk:after, .generic-page:not(.generic-detail) .inner-feature-img-blk:after{ display: block;content: '';position: absolute;top: 0;left: -20px;width: 160px;height: 50px;background-color: #ebebeb;transform: rotate(0) skew(36deg);}

    /*--------- news blog page ------------*/
    .news-blog-page .brand{ margin-top: 150px; }
    .news-blog-page .brand img{ display: block; }
    .feature-blog,
    .news-blog-listing-blk{ margin-left: 0; }
    .feature-blog-box:hover:after{ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 10%, rgba(0,0,0,0.19) 24%, rgba(0,0,0,0.83) 78%, rgba(0,0,0,0.94) 90%, rgba(0,0,0,1) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.06) 10%,rgba(0,0,0,0.19) 24%,rgba(0,0,0,0.83) 78%,rgba(0,0,0,0.94) 90%,rgba(0,0,0,1) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.06) 10%,rgba(0,0,0,0.19) 24%,rgba(0,0,0,0.83) 78%,rgba(0,0,0,0.94) 90%,rgba(0,0,0,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); }
    .feature-blog-details h6{ font-size: 16px; line-height: 26px; padding-bottom: 20px; }
    .news-blog-listing-blk{ padding: 50px 55px 60px 55px; }
    .news-blog-listing-blk.news-listing-blk{ padding: 10px 55px 60px 55px; }
    .news-blog-listing-blk .news-blog-listing-box{ margin-bottom: 20px; }
    .news-blog-listing-box .news-blog-listing-details{ border-right-width: 1px !important; }
    .news-blog-listing-details h6{ font-size: 16px; line-height: 26px; }
    .news-blog-listing-details h5{ font-size: 25px; line-height: 30px; height: auto !important; }
    .news-blog-listing-details .round-arrow{ position: relative; top: 0; left: 0; margin-top: 20px; opacity: 1 !important; }
    .news-blog-listing-details p{  margin-top: 15px; }
    .news-blog-page .back-athlete-btn{ display: none; }
    .athlets-menu .top-logo{ display: none; }
    body #wrapper .athlets-menu{ width: 100% !important; height: auto; top: 62px; left: 0 !important; z-index: 999; padding: 0 20px; opacity: 1; visibility: visible; }
    .athlets-menu .filter-txt{ display: block; font-size: 20px; line-height: 27px; text-transform: capitalize; font-weight: 600; color: #fff; letter-spacing: -0.20px; padding: 10px 0; position: relative; cursor: pointer; }
    .athlets-menu .filter-txt:before{ position: absolute;top: 50%;right: 0;content: "\6c";font-family: "bwcm" !important;font-style: normal !important;font-weight: normal !important;font-variant: normal !important;text-transform: none !important;speak: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: translateY(-50%) rotate(-90deg); }
    .athlets-menu .inner-menu-part{ position: relative; top: 0; left: 0; display: none; padding-bottom: 40px; }
    .athlets-menu ul li a{ font-size: 20px; line-height: 26px; }
    .athlets-menu .inner-menu-part ul li.active a{ color: #eca717; }
    .athlets-menu .inner-menu-part ul li.active a:before{ right: 0; opacity: 1; visibility: visible; }
    .load-more-btn{ margin-top: 40px; }

    /*--------- athlete listing page ------------*/
    .athlete-listing-part{ margin-left: 0; padding: 20px 60px 80px 60px; }
    .athlete-listing-part .athlete-listing-box{ margin-bottom: 20px; }
    .athlete-listing-part .athlete-listing-box.disable{ display: none; }
    .athlete-listing-box h6{ font-size: 18px; line-height: 40px; letter-spacing: -0.20px; padding: 0 55px; }
    .athlete-listing-box h6:after{ border-top: 40px solid rgba(0,0,0,0.6); }
    #loader, #no_more_post_text{padding-left: 0;}

    /*--------- 404 page ------------*/
    .error-page .home-img-promo h1{font-size: 35px;line-height: 40px;}
    .error-page .home-img-promo h2{font-size: 21px;line-height: 35px;}
    .error-page .brand .hidden-xs{display: block !important;}
    .error-page .brand .hidden-sm{display: none!important;}
    .error-page .home-img-promo-outer{padding-top: 50px;}
    .error-page .home-img-promo:before{left: -8%;width: 116%;}
    .error-page #wrapper {min-height: 100vh;}

    /*--------- generic video detail page ------------*/
    .generic-video-detail .brand{ padding-left: 0 !important; }
    .corner-part:before{ display: none; }
    .generic-video-detail .hero-video-part{ padding-top: 50px; width: 90%; margin: auto; }
    .yellow-slash-part{ top: 0; width: 100%; left: auto; right: 0;  }
    .corner-part{ width: 90%; right: 0; z-index: 1; margin: 0 20px; }
    .corner-part:after{ width: 200px; background-color: #ebebeb; top: -66%; left: -10%; }
    .generic-video-detail .video-box iframe,
    .generic-video-detail .video-box .video-tag video,
    .generic-video-detail .video-box video{ height: 350px; }
    .generic-video-detail .hero-left-details{ width: 90%; margin: auto; }
    /*.video-inner-blk:before{ position: absolute;top: -70%;left: -20%;content: "";width: calc(100% + 50%);height: calc(100% + 30%);background-color: #ebebeb;transform: rotate(10deg); }
    .video-inner-blk .video-box-part{ position: relative; z-index: 1; }*/
    .generic-video-detail .hero-video-part:before{ position: absolute;top: -70%;left: -20%;content: "";width: calc(100% + 50%);height: calc(100% + 30%);background-color: #ebebeb;transform: rotate(10deg); }
    .generic-video-detail .hero-share-part{ min-height: auto; }
    .news-blog-listing-blk.news-listing-blk{padding-left: 20px;padding-right: 20px;}

    /*--------- searh page ------------*/
    .search #content-area{padding-top: 0;}
    #content-area #searchform input[type="text"]{width: 100%;margin-right: 0;margin-bottom: 20px;}
    .search .brand .hidden-xs{display: block !important;}
    .search #content-area{padding-top: 90px;}
    #content-area #searchform{padding-top: 0;}

    .iscwp-gallery-slider .iscwp-img-wrp{height: 300px !important;}
}

/* 1.1. Mobile responsive css 439px
------------------------------------------------------------------------------*/
@media (max-width:479px) {

    /* header part */
    .main-menu {margin-top: 55px;}
    .navbar, .search-part{padding-left: 25px;padding-right: 25px;}
    header .insta-feeds .top-title{padding-left: 25px;padding-right: 25px;}
    nav ul li a{font-size: 25px;line-height: 32px;}
    .social-part a:before{ font-size: 22px; }
    header .search-icon{ margin: 0; top: 18px; right: 65px; }
    header .search-icon:before{ font-size: 20px; }
    .hamburger{ width: 30px; height: 30px; top: 12px; }
    .hamburger span{ width: 15px; }
    .hamburger span:before{ top: -5px; }
    .hamburger span:after{ bottom: -5px; }
    header .insta-feeds .top-title h3{ font-size: 18px;padding-bottom: 15px;display: block;padding-right: 0;}

    /*--------- home page ------------*/
    .insta-feeds .top-title h3{ word-break: break-all;font-size: 20px; }
    .insta-feeds .top-title .icon-insta-icon{line-height: 20px;vertical-align: middle;margin-right: 3px;margin-top: -3px;}
    .home-herozone .feature-promo{ left: 0; }
    .home-herozone .feature-promo .f-desc{ margin-left: 10%; }
    .home-herozone .recover-promo .lg-head h2{ margin-bottom: -7px; }
    .home-img-promo .desc{padding-left: 0;padding-bottom: 20px;}
    .home-img-promo .graphic{margin-top: 0;max-width: 150px;padding: 0;margin: auto}
    .home-img-promo h3{font-size: 21px;line-height: 28px;}
    .news-blog{padding-left: 0;padding-right: 0;}
    .home-img-promo:after{top: 91%;}
    .home-img-promo:before{height: 90%;width: 120%;}
    .home-img-promo{padding-top: 25%;}

    /*--------- science page ------------*/
    .science-landing .home-img-promo .btn{padding: 7px 15px 6px 15px;}

    /*--------- athlets details page ------------*/
    .back-athlete-btn{ top: 55px; padding: 10px 20px 10px 30px; font-size: 16px; }
    .hero-feature-img:before{ top: -100%; left: -10%; width: calc(100% + 50%); height: calc(100% + 75%); }
    .athlete-page:not(.generic-detail) .hero-left-details h1{ font-size: 30px; line-height: 40px; }
    .more-video-part h6{ font-size: 16px; line-height: 26px; }
    /*    .more-video-part .more-video-box{ width: 100%; }*/
    .overlay-part .video-btn{ width: 50px; height: 50px; }
    .overlay-part h6{ font-size: 14px; line-height: 18px; bottom: 10px; }

    /*--------- generic athlets page ------------*/
    .generic-page .hero-feature-img:before{ height: calc(100% + 30%); }
    .generic-page .hero-feature-img .feature-img-blk:after{ left: auto; right: 80%; }

    /*--------- news blog page ------------*/
    body #wrapper .athlets-menu{ top: 55px; }
    .feature-blog-box .feature-blog-details{ padding: 25px 20px; }
    .feature-blog-details h2{ font-size: 22px; line-height: 32px; }
    .news-blog-listing-blk{ padding: 50px 20px 60px 20px; }
    .news-blog-listing-details h5{ font-size: 20px; line-height: 25px; }

    /*--------- athlete listing page ------------*/
    .athlete-listing-part{ padding: 20px 40px 80px 40px; }
    .athlete-listing-box h6{ padding: 0 30px; font-size: 16px; line-height: 30px; }
    .athlete-listing-box h6:after{ border-top: 30px solid rgba(0,0,0,0.6); }
    .athlete-listing-box h4{ font-size: 22px; line-height: 32px; }

    /*--------- generic video detail page ------------*/
    .generic-video-detail .video-box iframe,
    .generic-video-detail .video-box .video-tag video,
    .generic-video-detail .video-box video{ height: 250px; }
    .yellow-slash-part{ width: 70%; }
    .corner-part:after{ left: -16%; }
    .generic-video-detail .hero-video-part{ padding-top: 40px; }

    /*--------- 404 page ------------*/
    .error-page .home-img-promo:after{top: 89%;}
}
@media (max-width:320px) {
    /* header */
    .navbar-main.no-insta .navbar-inner{padding-bottom: 100px;}

    /*--------- home page ------------*/
    .home-img-promo .desc-outer{width: 100%;padding-top: 0;}
    .home-img-promo .graphic-outer{width: 100%;}
    .home-herozone .feature-promo .f-desc{margin-left: 10%;}
    .home-img-promo{padding-top: 20px;margin-top: 40px;padding-bottom: 30px;}
    .home-img-promo:before,
    .home-img-promo:after{display: none;}
    .home-img-promo{background: #ebebeb;}
    .home-herozone .science-promo .hd-3{width: 100%;}

    /*--------- science page ------------*/
    .banner h1{font-size: 25px;line-height: 32px;}
    .science-landing .home-img-promo .align-center{ padding: 50px 0 0 0; }
    .science-landing .home-img-promo .graphic-outer{ width: 100%; }
    .science-landing .home-img-promo .desc-outer{ width: 100%; padding: 20px 20px; }
    .science-landing .home-img-promo{ background-color: #ebebeb; margin: 35px 0; padding-bottom: 0;}
    .science-landing .home-img-promo .desc{ text-align: center; }
    .science-landing .home-img-promo h3:before{ right: auto; left: 50%; transform: translateX(-50%); }
    .science-landing .home-img-promo .graphic{ margin-top: 0; padding-left: 0;margin-bottom: 0; }
    .science-landing .home-img-promo:before,
    .science-landing .home-img-promo:after{ display: none; }
    .drink-summary.offset-less .drink-summary-caption{margin-top: -50px;}
    .drink-summary-caption{max-width: 100%;left: 0;transform: rotate(0);padding-left: 20px;padding-right: 20px;margin-top: -40px;}
    .error-page .home-img-promo{background-color: #f1b434;}
    .drink-summary h6{padding-right: 20px;padding-left: 20px;}
}

/* 2. iPad responsive css 768px to 1023px
------------------------------------------------------------------------------*/
@media (min-width:768px) and (max-width:1023px) {

    /* ----------- header part ----------- */
    .navbar,
    .search-part{ padding: 0 50px; }
    nav ul li{ margin: 0 20px; }
    nav ul li a{ font-size: 30px; }
    .navbar{ min-height: 250px; }
    header .insta-feeds{ padding-top: 50px; }
    .inner-logo{ margin: 50px auto 40px auto; }
    .close-btn{ right: 50px; }

    /* ----------- footer part ----------- */
    .foo-about-desc{ width: 48%; padding: 0 20px 0 0; }
    .foo-about-desc .widget_media_image{ width: 190px; margin: 0 0 20px 0; }
    .foo-link-part{ padding: 0 0 0 20px; margin: 0; }
    .foo-signup-part{ width: 100%; display: block; margin: 50px auto 0 auto; }

    /* ----------- typography ----------- */
    h1{font-size: 28px;line-height: 32px;}
    h3, h4{font-size:24px;line-height: 34px;}

    /* ----------- home part ----------- */
    .home-herozone .hd-3{margin-top: 50px;}
    .home-herozone:before, .home-herozone:after{transform: skew(17deg) rotate(10deg)}
    .home-herozone .lg-head{left: 0;}
    .home-herozone .hero-detail h4{font-size: 24px;}
    .home-herozone .hero-img{top: 5%;width: 50%;}
    .home-herozone .science-promo .hd-3{padding-left: 12px;}
    .home-herozone  .row.no-gutters{margin-left: 0;}
    .home-herozone  .row.no-gutters  .hero-detail{max-width: 70%;padding-left: 15px;padding-top: 60px;}
    .home-herozone  .row.no-gutters  .hero-detail.hd-1{padding-top: 160px;max-width: 66%;}
    .home-herozone .recover-promo{min-height: initial}
    .home-herozone .recover-promo, .home-herozone .science-promo{margin-left: 0;}
    .home-herozone .science-promo{padding-top: 50px;}
    .home-herozone .feature-promo{position: relative;max-width: 100%;padding-top: 30px;padding-bottom: 5%;}
    .home-herozone .feature-promo .f-img{max-width: 70%;}
    .home-herozone .feature-promo .f-desc{float: none;margin-left: 3%;}
    .home-herozone .science-promo .lg-head{padding-left: 0;}
    .home-herozone{padding-bottom: 0;}
    .home-img-promo .graphic{ margin-top: -25%; }
    .home-img-promo:before{top: 25%;height: 58%;}
    .home-img-promo h3{font-size: 22px;padding-bottom: 15px;}
    .news-blog .nb-post-img{padding-left: 12px;}
    .news-blog .nb-detail{margin-left: 0;padding-left: 12px;}
    .news-blog .nb-block{margin-top: 0;}
    .news-blog .btn-wrap{padding-top: 20px;}
    .news-blog .block-title{margin-top: -70px;margin-left: -5px;}
    .news-blog .btn-wrap .btn{margin-left: 0;}
    .news-blog .blog-blk .inner-blk{ padding-left: 0; }

    /*--------- science page ------------*/
    .banner{ height: 450px; }
    body:not(.home) .brand{ padding: 0; }
    body:not(.home) .brand a{ margin: 0 auto; }
    .banner h1{ font-size: 26px; line-height: 36px; }
    .science-top-left-blk{ padding-top: 35px; }
    .science-post .inner-blk{max-width: 100%;padding-bottom: 25px;}
    .science-post.post-left figure,
    .science-post.post-right figure{max-width: 100%;border-width: 20px;margin: 0;}
    .science-post.post-left .inner-blk{text-align: left;}
    .science-post.post-left .desc-blk hr{margin-left: 0;}
    .science-landing .home-img-promo{ margin-top: 0; }
    .science-landing .home-img-promo .graphic{ padding-right: 0; }
    .science-landing .home-img-promo:before{  top: 25%;}
    .drink-summary, .science-post, .bottom-two-col{padding-bottom: 50px;}
    .drink-summary.offset-less{margin-top: -30px;padding-top: 30px;}
    .drink-summary{padding-top: 50px;}
    .drink-summary-caption{max-width: 300px;top: -90px;position: relative;}
    .drink-summary.offset-less .drink-summary-caption{position: absolute;top: 20px;}
    .science-post .container{padding-left: 20px;padding-right: 20px;}
    .science-post .img-blk{display: block;width: auto;margin-left: -8px;margin-right: -8px;padding-left: 0;padding-right: 0;flex: auto;-webkit-box-flex:auto}
    .drink-summary{background-image: none !important;}
    .drink-summary-caption{display: none;}

    /*--------- athlets details page ------------*/
    .athlete-page .brand a{ margin-left: 40px!important }
    .generic-page .hero-feature-img{width: 47%;}
    .generic-page .inner-feature-img-blk img{margin-top: 60px;}
    .generic-page .hero-feature-img .yellow-slash{top: 40px;right: 60px;}
    .generic-page .inner-feature-img-blk{padding-right: 60px;}
    .hero-left-details{padding-top: 0;margin-top: 150px;}
    .athlete-page:not(.generic-detail) .hero-left-details h1{ font-size: 40px;line-height: 50px; }
    .hero-feature-img .feature-img-blk{ padding-left: 0; }
    .hero-feature-img:before{ left: 60%; }
    .more-video-part .thumb-box{ width: 100%; }
    .feature-chocolate-part .feature-box{ max-width: 100%;padding-left: 200px; }
    .popup-blk{ width: calc(100% - 80px); margin: auto; }
    .popup-blk p{ width: 100%; }

    /*--------- generic athlets page ------------*/
    .generic-page .hero-left-details{ position: relative; z-index: 99; padding-right: 30px;margin-left: 30px; }
    .generic-page .inner-feature-img-blk:before{ top: -35px; height: 35px; }
    .progressCounter-outer{right: 30px;}

    /*--------- news blog page ------------*/
    .news-blog-page .athlets-menu{ width: 190px; }
    .top-logo{ width: 130px; }
    .news-blog-page .athlets-menu ul li a{ padding: 15px 20px 15px 3px; }
    .feature-blog{ margin-left: 190px; }
    .athlete-listing-part{margin-left: 190px;}
    .feature-blog-box .feature-blog-details{ padding: 20px 20px; }
    .feature-blog-details h2{ font-size: 20px; line-height: 28px; padding-bottom: 0; }
    .feature-blog-box:hover:after{ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 10%, rgba(0,0,0,0.19) 24%, rgba(0,0,0,0.83) 78%, rgba(0,0,0,0.94) 90%, rgba(0,0,0,1) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.06) 10%,rgba(0,0,0,0.19) 24%,rgba(0,0,0,0.83) 78%,rgba(0,0,0,0.94) 90%,rgba(0,0,0,1) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.06) 10%,rgba(0,0,0,0.19) 24%,rgba(0,0,0,0.83) 78%,rgba(0,0,0,0.94) 90%,rgba(0,0,0,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); }
    .news-blog-listing-blk{ margin-left: 190px; }
    .news-blog-listing-blk [class*=col-]{ width: 50%; }
    .news-blog-listing-details p{ margin-top: 15px; }
    .news-blog-listing-details .round-arrow{ position: relative; top: 0; left: 0; margin-top: 20px;}

    /*--------- athlete listing page ------------*/
    .athlete-listing-part{ margin-left: 190px; }

    /*--------- 404 page ------------*/ 
    .error-page .home-img-promo h1{font-size: 55px;line-height: 65px;}
    .error-page .home-img-promo h2{font-size: 35px;line-height: 42px;}

    /*--------- generic video detail page ------------*/
    .generic-video-detail .brand a{ margin: 0 !important; }
    .generic-video-detail .video-box iframe,
    .generic-video-detail .video-box .video-tag video,
    .generic-video-detail .video-box video{ height: 450px; }
    .corner-part{ width: 75%; }
    .corner-part:before{ top: -85%; }
    .corner-part:after{ top: -25%; left: 25%; }
    .yellow-slash-part{ width: 75%; top: 120px; }
    .generic-video-detail .hero-video-part{ width: calc(100% - 50px); margin: auto; }
    .generic-video-detail .hero-left-details{ width: calc(100% - 50px); margin: auto; padding-right: 12px; }
    .generic-video-detail .brand{ padding-left: 5.33% !important; }
    .generic-video-detail .hero-share-part{ min-height: auto; }
    .hero-share-part.no-video .container{padding-left: 50px !important;padding-right: 50px !important;}

    .iscwp-gallery-slider .iscwp-img-wrp{height: 300px !important;}

}

/* 3. large desktop responsive css 1024px to 1350px
------------------------------------------------------------------------------*/
@media (min-width:1024px) and (max-width:1350px) {

    /* ----------- header part ----------- */
    .navbar{ min-height: 250px; }
    .navbar,
    .search-part{ padding: 0 50px; }
    .inner-logo{ margin: 50px auto 40px auto; }
    nav ul li{ margin: 0 44px; }
    header .insta-feeds{ padding-top: 50px; }

    /* ----------- footer part ----------- */
    .foo-about-desc{ width: 33%; padding: 0 10px; }
    .foo-about-desc .widget_media_image{ width: 190px; margin: 0 0 20px 0; }
    .foo-link-part{ width: 37%; padding: 0 10px; margin: 0; }
    .foo-link-part ul{ columns: 130px; -webkit-columns: 130px; -moz-columns: 130px; }
    .foo-link-part ul li{ padding: 0 5px 0 0; }
    .foo-link-part ul ul li{ padding: 0; }
    .foo-signup-part{ width: 30%; padding: 0 10px; }

    /* ----------- typography ----------- */
    h1{font-size: 32px;line-height: 40px;}
    h3, h4{font-size:27px;line-height: 35px;}

    /* ----------- home part ----------- */
    .home-img-promo .container{padding-right: 10%;}
    .home-herozone:before, .home-herozone:after{transform: skew(24deg) rotate(10deg)}
    .home-herozone .hero-detail h4{font-size: 22px;line-height: 30px;}
    .home-img-promo .desc-outer{margin-left: 20%;width: 45%;}
    .home-img-promo h3{font-size: 22px;}
    .home-img-promo:before{top: 25%;}
    .home-img-promo:after{top: 80%;}
    .home-herozone .feature-promo .f-desc{max-width: 84%;margin-right: 0;}
    .news-blog .nb-post-img{padding-left: 12px;}
    .news-blog .nb-post-img{margin-left: 0;}
    .news-blog .nb-block{margin-top: -65px;}
    .news-blog .nb-post-img img{max-width: 95%}
    .news-blog .block-title{margin-top: -30px;}
    .news-blog .nb-detail{margin-left: 0;padding-left: 12px;width: 66.66666667%}
    .home-img-promo{margin-top: -5%;}

    /*--------- science page ------------*/
    .science-landing .home-img-promo .desc-outer{margin-left: 0;width:40%;}
    .science-landing .home-img-promo h3{margin-bottom: 13px;}
    .science-landing .home-img-promo  .graphic-outer{margin-left: 35%;}
    .science-post .inner-blk{max-width: 100%;}
    .science-post.post-left figure,
    .science-post.post-right figure{max-width: 98%;border-width: 20px}
    .science-landing .home-img-promo .graphic{padding-right: 0;}
    .science-post .desc-blk{padding-top: 0;}
    .drink-summary, .science-post, .bottom-two-col{padding-bottom: 80px;}
    .drink-summary-caption{max-width: 300px;top: -40px;}

    /*--------- athlets details page ------------*/
    .athlete-page .brand a{ margin-left: 0!important }
    .athlete-page .brand{padding-left: 50px !important;}
    .generic-page .hero-feature-img{width: 40%;}
    .generic-page .inner-feature-img-blk img{margin-top: 110px;}
    .hero-left-details{margin-left: 40px;}
    .generic-page .hero-feature-img .yellow-slash{top: 70px;right: 70px;}
    .generic-page .inner-feature-img-blk{padding-right: 70px;}
    .hero-left-details{padding-top: 0;margin-top: 150px;}
    .hero-feature-img .feature-img-blk{ padding-left: 0; }
    .athlete-page:not(.generic-detail) .hero-left-details h1{ font-size: 55px; line-height: 65px; }
    .popup-blk{ width: 80%; margin: auto; }
    .popup-blk p{ width: 100%; }
    .athlets-menu .inner-menu-part{top: 130px;}
    .athlets-menu ul li a{padding: 15px 20px 15px 3px;}
    .progressCounter-outer{right: 50px;}

    /*--------- news blog page ------------*/
    .news-blog-page .athlets-menu{ width: 190px; }
    .athlete-listing-part{margin-left: 190px;}
    .top-logo{ width: 130px; }
    .news-blog-page .athlets-menu ul li a{ padding: 15px 20px 15px 3px; }
    .feature-blog{ margin-left: 190px; }
    .feature-blog-box .feature-blog-details{ padding: 20px 20px; }
    .feature-blog-details h2{ font-size: 28px; line-height: 38px; padding-bottom: 0; }
    .news-blog-listing-blk{ margin-left: 190px; }
    .news-blog-listing-blk [class*=col-]{ width: 33.33%; }
    .news-blog-listing-details p{ margin-top: 15px; }
    .news-blog-listing-details .round-arrow{ position: relative; top: 0; left: 0; margin-top: 20px;}
    .news-blog-listing-box .news-blog-listing-details{ padding: 30px 25px 30px 25px; }

    /*--------- athlete listing page ------------*/
    .athlete-listing-part [class*=col-]{ width: 33.33%; }

    /*--------- generic video detail page ------------*/
    .generic-video-detail .video-box iframe,
    .generic-video-detail .video-box .video-tag video,
    .generic-video-detail .video-box video{ height: 500px; }
    .generic-video-detail .hero-video-part{ width: calc(100% - 50px); margin: auto; }
    .generic-video-detail .hero-left-details{ width: calc(100% - 50px); margin: auto; padding-right: 12px; }
    /*.generic-video-detail .brand{ padding-left: 5.33% !important; }*/
    .generic-video-detail .hero-share-part{ min-height: auto; }
    .yellow-slash-part{ top: 120px; }

    /*--------- 404 page ------------*/
    .error-page .home-img-promo:before{height: 60%;}
    .error-page .home-img-promo:after{top: 85%;}
    .error-page #wrapper{min-height: 100vh;}
    .hero-share-part.no-video .container{padding-left: 50px !important;padding-right: 50px !important;}

    .iscwp-gallery-slider .iscwp-img-wrp{height: 300px !important;}
}

/* 4. Other media-query
------------------------------------------------------------------------------*/
@media (min-width:768px) {
    .hidden-sm{display: none  !important;}
    .navbar-inner{height: 100%;}

    /*--------- science page ------------*/
    .bottom-two-col ul{font-size: 0;padding-left: 0;}
    .bottom-two-col li{display: inline-block;vertical-align: top;width: 50%;list-style: none}
    .bottom-two-col li:first-child{padding-right: 30px;}
    .bottom-two-col li:last-child{padding-left: 30px;}
    .athlets-menu .inner-menu-part{display: block !important;}
    .search #content-area .container{padding-left: 70px;padding-right: 70px;}
    body.search:not(.home) .brand{padding-left: 50px;}
    .hero-share-part.no-video .container{padding-left: 9%;padding-right: 9%;}
    .hero-left-details .first{margin-left: 0;margin-right: 2.564102564102564%;}
    .hero-left-details .one-half{margin-left: 0;}
}
@media (min-width:1200px) and (max-height:800px) {
    .inner-logo {margin: 50px auto 40px auto;}
    .navbar{padding-top: 0;}
    .home-herozone .hero-detail{margin-top: 0;}
    /*    .footer-in:not(.news-blog-page) .athlets-menu .inner-menu-part{top: 20px;}*/
    .footer-in:not(.news-blog-page) .athlets-menu ul li a{padding: 10px 20px 10px 3px;}
}
@media (min-width:1200px) and (max-height:700px) {
    .home-herozone .hero-detail{margin-top: 0;}
    .home-herozone h1{font-size: 36px;line-height: 42px;}
}
@media (min-width:1200px) and (max-width:1400px) and (max-height:800px) {
    .inner-logo {margin: 50px auto 20px auto;}
    .insta-feeds .top-title {    padding-bottom: 15px;}
    .footer-in:not(.news-blog-page) .athlets-menu ul li a {padding: 8px 20px 8px 3px;}
    .athlets-menu .inner-menu-part {top: 120px;}
}
@media (min-width:1441px) {
    .home-herozone .feature-promo{max-width: 45%;}
    .home-img-promo .container{padding-right: 5%;}
    .home-herozone .science-promo .hd-3{max-width: 34%;}
    .home-img-promo{margin-top: -5%;}
    .science-post .inner-blk{max-width: 500px;}
    .home-herozone .container{max-width: 98%;}
    .home-herozone .hd-4{padding-left: 7%;}

    /*--------- athlets details page ------------*/
    .video-blk .container{ margin: auto; }

    /*--------- generic athlets page ------------*/
    .generic-page .hero-feature-img .feature-img-blk:before{ left: 39%;top: -79%; }
    .generic-page .hero-feature-img .feature-img-blk:after{ top: -56%;left: -21%;width: calc(100% - 40%); }
    .generic-page .hero-feature-img .feature-img-blk{ min-height: 850px; }

    /*--------- generic video detail page ------------*/
    .generic-video-detail .hero-video-part{ margin: 0; width: 100%; }
    .generic-video-detail .hero-share-part .container{ margin: auto; }
    .generic-video-detail .hero-left-details{ margin: 0; }
    .generic-video-detail .brand{ padding-left: 12.33% !important; }
    /*.corner-part:after{ top: -20%; left: 25%; }*/
    .corner-part:before{ top: -80%; left: 70%; }
    .corner-part:after{ top: -30%; left: 60%; }
    .hero-share-part.no-video .container{padding-left: 12.33%;padding-right: 12.33%;max-width: 100%}
    .hero-left-details .first{margin-left: 0;margin-right: 2.564102564102564%;}
    .hero-left-details .one-half{margin-left: 0;}
}
@media (min-width:1931px) {
    .container, 
    body.search:not(.home) .brand{max-width: 2000px;}
    h1{font-size: 48px;line-height: 58px;}
    h3{font-size: 38px;line-height: 48px;}
    .home-herozone .feature-promo{bottom: 0}
    .home-herozone .feature-promo p{font-size: 20px;line-height: 28px;}
    .home-herozone .feature-promo .f-desc{margin-top: 15px;max-width: 53%;}
    .news-blog .nb-detail{padding-left: 12px;margin-left: 0;}
    .news-blog .news-blk{padding-right: 30px;}
    .news-blog .blog-blk{padding-left: 30px;}
    .news-blog .btn-wrap{padding-left: 30px;}
    .news-blog .block-title{margin-top: 50px;}
    .news-blog .nb-block{margin-top: -30px;}

    /*--------- science page ------------*/
    .drink-summary .inner-wrap{margin: auto;max-width: 900px}
    .science-post .inner-blk{max-width: 350px;}

    /*--------- generic video detail page ------------*/
    .generic-video-detail .video-box iframe,
    .generic-video-detail .video-box .video-tag video,
    .generic-video-detail .video-box video{ height: 1026px; }
    .corner-part:after{ left: 45%; }
}
@media (min-width:1880px) {
    .generic-page .hero-feature-img .feature-img-blk:after{top: -51%;}

    /*--------- 404 page ------------*/
    .error-page .home-img-promo .container{padding-left: 20px;margin: auto;max-width: 1500px;}
    .error-page .home-img-promo-outer{padding-top: 80px;}
}

@media (min-width:2000px) {
    .home-herozone .hero-img{top: 4%;}
    .home-herozone .science-promo .lg-head{padding-left: 0;}
    .home-herozone .row.no-gutters .hd-3{padding-left: 15%;width: 45%;}
    .home-herozone .hd-4{padding-left: 8%;}
    .home-herozone .container{max-width: 98%;}
    .home-herozone .hd-4{padding-left: 15%;}

    /*--------- science page ------------*/
    .science-landing .container{max-width: 2000px;}
    .science-post .container{max-width: 100%;}
    .banner{ height: 1190px; }
    .banner h1{ font-size: 60px; line-height: 75px; }
    .icon-downt-arrow:before{ font-size: 76px; }
    .go-bottom{ bottom: auto; top: calc(100% + 175px); }
    .science-top-left-blk h6{ font-size: 21px; line-height: 31px; }
    .science-top-left-blk h2{ width: 515px; font-size: 50px; line-height: 60px; }
    .science-top-left-blk p{ width: 625px; font-size: 21px; line-height: 29px; }
    .science-top-left-blk .btn{ font-size: 30px; line-height: 38px; padding: 16px 68px; border-radius: 40px; }
    .science-landing .home-img-promo:before{ top: 36%; }
    .science-landing .home-img-promo .graphic{ margin-top: 58%; }
    .science-landing .home-img-promo h3{ font-size: 50px; line-height: 60px; padding-bottom: 25px; }
    .science-landing .home-img-promo p{ font-size: 21px; line-height: 29px; width: 390px; float: right; padding-bottom: 25px; }
    .science-landing .home-img-promo .btn{ font-size: 30px; line-height: 38px; padding: 16px 68px; border-radius: 40px; }
    .drink-summary h6{ font-size: 21px; line-height: 31px; }
    .drink-summary h2{ font-size: 50px; line-height: 60px; }
    .drink-summary .inner-wrap{margin: auto;max-width: 800px}
    .science-post .inner-blk{max-width: 400px;}

    /*--------- athlets details page ------------*/
    .hero-left-details{ padding-top: 250px; margin-left: 150px; }
    .athlete-page:not(.generic-detail) .hero-left-details h1{ font-size: 110px; line-height: 120px; }
    .hero-left-details h6,
    .hero-details-blk p{ font-size: 18px; line-height: 28px; }
    .hero-feature-img .feature-img-blk{ padding-left: 0; }
    .feature-chocolate-part{ height: 890px; }
    .video-blk .container{ margin: auto; }
    .hero-feature-img:before{ width: calc(100% + 10%); height: calc(100% + 30%); top: -50%; left: 40%; }
    body.athlete-page .brand{ padding-left: 160px; }
    .video-box iframe{ height: 650px; }
    .overlay-part h6{ font-size: 23px; line-height: 23px; }
    .desc-part h5{ font-size: 19px; }
    .feature-blk h2{ font-size: 47px; line-height: 57px; }
    .feature-blk h6,
    .feature-blk p{ font-size: 17px; }
    .athlets-menu ul li a{ font-size: 21px; line-height: 26px; }
    .athlets-menu{ width: 275px; }
    .hero-left-details{max-width: 50%}
    .generic-page .hero-feature-img .feature-img-blk:after{top: -46%;}

    /*--------- news blog page ------------*/
    .news-blog-page .athlets-menu{ width: 255px; }
    .feature-blog,
    .news-blog-listing-blk{ margin-left: 255px; }
    .athlets-menu ul li a{ font-size: 20px; line-height: 30px; }
    .feature-blog-details h6,
    .news-blog-listing-details h6{ font-size: 30px; line-height: 40px; }
    .feature-blog-details h2{ font-size: 60px; line-height: 70px; }
    .news-blog-listing-box .news-blog-listing-details{ padding: 50px 45px 75px 45px; }
    .news-blog-listing-details h5{ font-size: 35px; line-height: 45px; }
    .news-blog-listing-details p{ font-size: 30px; line-height: 40px; }
    .news-blog-listing-details .round-arrow{ bottom: 75px; left: 45px; }

    /*--------- athlete listing page ------------*/
    .athlete-listing-part{ margin-left: 255px; }

    /*--------- generic video detail page ------------*/
    .generic-video-detail .video-box iframe,
    .generic-video-detail .video-box .video-tag video,
    .generic-video-detail .video-box video{ height: 1026px; }

}
@media (min-width:2200px) {
    .home-herozone .hd-2{ margin-top: -60px; }
    .home-herozone:before, .home-herozone:after{ top: -23%; }
    .home-herozone .feature-promo .f-desc{ max-width: 40%; transform: rotate(-7deg); margin-right: 35%; }
    .news-blog .nb-block{ margin-top: 0; }
    .foo-signup-part .signup-text{ font-size: 32px; }
    .home-herozone .btn{margin-left: 11%;}
    .home-herozone .hero-detail{z-index: 15;}


    /*--------- generic video detail page ------------*/
    .generic-video-detail .hero-share-part .container{ max-width: 1800px; }
    .generic-video-detail .hero-video-part{ width: 100%; margin: 0; }
    .generic-video-detail .video-box iframe,
    .generic-video-detail .video-box .video-tag video,
    .generic-video-detail .video-box video{ height: 1026px; }
    .generic-video-detail .video-box .video-btn{ width: 120px; height: 120px; }
    .generic-video-detail .hero-left-details{ margin: 0; max-width: 45%; }
    .video-blk-wide{ width: 55%; padding: 0 15px; display: flex; }
    .video-blk-wide .more-video-part{ padding: 0 0 0 40px; border-left: 2px solid #ebebeb; }
    .generic-video-detail .video-blk{ display: none; }
    .generic-video-detail .hero-share-part{ padding-bottom: 130px; }
    .generic-video-detail .brand{ padding-left: 15px !important; width: 1800px; margin: auto; right: 0; }
    .corner-part:before{ left: 70%; }
    .corner-part:after{ left: 70%; }
}
@media (max-width:1100px){
    .gca-column{width: 100% !important;margin: 0 !important;}
    .connect-share-part .conn-txt{margin-left: 0;}
    .news-blog-listing-details p{ opacity: 1; }
    .news-blog-listing-details .round-arrow{opacity: 1 !important; }
    .news-blog-listing-box figure:before,
    .news-blog-listing-box .news-blog-listing-details:before{ display: none; }
}
@media (min-width:1024px) and (max-height:900px){
    .athlets-menu ul li a,
    .news-blog-page .athlets-menu ul li a{padding: 12px 20px 12px 3px;font-size: 15px;}
    .news-blog-page  .athlets-menu .inner-menu-part {top: 150px;}
}
@media (min-width:1024px) and (max-height:800px){
    .athlets-menu .inner-menu-part {top: 145px;}
    .news-blog-page  .athlets-menu .inner-menu-part {top: 120px;}
    .athlets-menu ul li a,
    .news-blog-page .athlets-menu ul li a{padding: 9px 20px 9px 3px;font-size: 15px;}
    .athlets-menu ul{margin-bottom: 20px;}
    .inner-menu-part .btn{font-size: 16px;}
    footer .footer-part{padding-top: 40px;padding-bottom: 40px;}
}
@media (min-width:1351px) and (max-width:1550px){
    .progressCounter-outer{right: 100px;}
}

/* reduce size for MacBook Pro */
@media (min-width:1024px) and (max-width:1350px) {
   .inner-logo {margin: 20px auto 25px auto;}
    .close-btn {top: 40px;right: 50px;}
    nav ul li a{font-size: 27px;}
    nav ul ul li a{font-size: 14px;}
    header .insta-feeds .top-title h3{font-size: 20px;}
    header .insta-feeds .top-title .icon-insta-icon{margin-top: 0;}
    nav ul ul li{padding: 4px 0;}
    .navbar{min-height: initial}
    .iscwp-gallery-slider .iscwp-img-wrp{height: 250px !important;}
    .insta-feeds .top-title{padding-bottom: 20px;padding-left: 50px;}
}