@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700');

html,body{overflow-x: hidden;}
body {
    margin: 0px;
    padding: 0px;
    font-family: arial, Helvetica, sans-serif;
    background: #eeeeee;
    /*background: url(../fl2765assets/woodbackground.jpg) no-repeat center center fixed;*/
}
* { font-family: 'Open Sans', sans-serif; }

strong { font-weight: bold !important; }

h1, h2, h3 { font-weight: bold !important; }



.righthalfimage { float: right; width: 50%; }



.certbox p {  font-size: 26px; line-height: 33px; max-width: 100%; text-align: center; padding-left: 10px; padding-right: 10px;  }
.certbox p.headlinemoneyback {  font-size: 37px; font-weight: bold; color: #01ae15; border-bottom: 1px solid #BD9A54; padding-top: 30px; padding-bottom: 30px; display: block; }
 

.certbox { float: left; width: 84%; margin-left: 8%;  }

.certbox  .certbox-toprow { float: left; width: 100%; }
.certbox  .certbox-toprow .certbox-col2 { background-image: url(/images/certborder-edge-top-8345298203475.jpg); }

.certbox  .certbox-centerrow { float: left; width: 100%; }
.certbox  .certbox-centerrow .certbox-col2 { float: left; width: 90%; padding: 5%; background-image: url(/images/cert-bg.jpg); background-size: 100%; clear: both; }
.certbox  .certbox-centerrow .certbox-col2 .certbox-pad { float: left; border:#A68100 1px dotted; width: 100%; }

.certbox  .certbox-bottomrowr { float: left; width: 100%; }
.certbox  .certbox-bottomrowr .certbox-col2 { background-image: url(/images/certborder-edge-bottom-8345298203475.jpg); }

.certbox  .certbox-col2 { width: 100%; }

/* Cert Border Size -- keep both numbers below the same  */
.certbox  .certbox-toprow .certbox-col2,
.certbox  .certbox-toprow .certbox-col2 .certbox-col1,
.certbox  .certbox-toprow .certbox-col2 .certbox-col3,
.certbox  .certbox-bottomrowr .certbox-col2,
.certbox  .certbox-bottomrowr .certbox-col2 .certbox-col1,
.certbox  .certbox-bottomrowr .certbox-col2 .certbox-col3 { height: 90px; }


.toggle-vanilla { background-image:url(https://s3-us-west-2.amazonaws.com/landingpage-assets-101/fl2765assets/toggle-vanilla.png);  }

.toggle-chocolate { background-image:url(https://s3-us-west-2.amazonaws.com/landingpage-assets-101/fl2756assets/toggle-chocolate.png); }

.toggle-vanilla, .toggle-chocolate { cursor: pointer; width: 80%; padding-bottom: 10%; margin-left: 10%; margin-top:10px; background-size: 100%; background-repeat: no-repeat; background-position: center middle; }





.fon-rob-bol {
   font-family: 'Open Sans', sans-serif;
   font-weight: 700;
}

.fon-rob-con-reg {
    font-family: 'Open Sans Condensed Regular', sans-serif;
}

.fon-rob-reg {
    font-family: 'Open Sans', sans-serif;
}

img {
    max-width: 100%;
}

h1 {
    font-size: 40px;
    line-height: 45px;
    font-weight: 700;
    max-width: 90%;
    margin: 40px auto;
}

h2 {
    font-size: 28px;
    line-height: 35px;
    margin: 20px auto 20px;
    max-width: 82%;
    font-family: 'Open Sans', sans-serif;
}

h3 { font-size: 19px; }

p {
    font-family: 'Open Sans', sans-serif;
    color:#333;
    padding: 15px 40px;
    font-size: 17px;
    line-height: 1.5;
    max-width: 83%;
    margin: 0 auto;
}

ul li {
    padding: 0px 40px;
    line-height: 1.5;
    font-size: 20px;
    margin: 10px 70px;
}

.text-center{text-align: center;}
.italic{font-style: italic;}

.cart {
    padding: 0 10%;
    padding-top: 20px;
}

.tex-cen {
    text-align: center;
}

.tex-lef {
    text-align: left;
}

.main-container {
    max-width: 1000px;
    margin: 0 auto;
    background-color: #ffffff;
    box-shadow: 0px 0px 3px 1px #d5d5d5;
    padding-bottom: 40px;
}

.fon-siz-15 {
    font-size: 15px;
}

.fon-siz-23 {
    font-size: 23px;
}

.text-gray {
    color: #666666 !important;
}

.text-blue {
    color: #008ad2;
}

.text-pink {
    color: #b22222 !important;
}
.text-black{
    color:#1d1d1d;
}

.text-green {
    color: #79b700;
}

.text-lig-red {
	color: #b22222;
}

.mar-0-aut {
    margin: 0 auto;
}

.mar-lef-30 {
    margin-left: 30px;
}

.mar-15-aut {
    margin: 15px auto;
}

.mar-20-aut {
    margin: 20px auto;
}

.wid-45-p {
    width: 45%;
}

.wid-50-p {
    width: 50%;
}

.wid-55-p {
    width: 55%;
}

.wid-60-p {
    width: 60%;
}

.wid-70-p {
    width: 70%;
}
.video-red-bg{
    background-image: url("fl2765assets/video-bg-8345298203475.png");
    background-size: cover;
    padding:20px 0px 20px;
    color:#fff;
}

/*Added by Masum*/

.video .buy-now {
    display: block;
    text-align: center;
}


.video-red-bg h2{font-size: 35px;line-height: 42px;padding-bottom: 30px;}
div.video-holder {
	margin: 0 auto 20px;
	max-width: 900px;
}
.video-border{border:1px solid #a6a6a6;}
.videoWrapper {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    border:10px solid #fff;
    margin-top:-40px;
}

.videoWrapper iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.wid-85-p {
    width: 85%;
}

.wid-90-p {
    width: 90%;
}

.wid-100-p {
    width: 100%;
}

.max-wid-100-p {
    max-width: 100%;
}

.bac-lig-yellow{
    background-color:#fefc65;
}

.bac-lig-selectedlightblue{
	background-color: #CAE4F9;
}

.bac-lig-pink {
    background-color: #f78ab8;
}

.cart figure {
    margin: 0 1em;
}

.cart figure p {
    font-weight: bold;
    font-size: 16px;
    color: #0844a4;
}

.cart p {
    padding: 0;
    padding-bottom: 0.5em;
    font-size: 16px;
}

.col-lig-blu {
    color: #011992 !important;
}

.dis-fle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

.between {
    justify-content: space-between
}

.end {
    justify-content: flex-end
}

.middle {
    align-items: center
}

.jus-con-spa-aro {
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

.video-section .video {
    margin: 0 auto;
    width: 60%;
    padding: 20px;
}

.half-time-section .half-time {
    margin: 25px auto;
}

.protein {
    background-color: #dddde1;
    padding: 15px 0px;
    margin: 20px 0px 0px;
}

.protein-section figure {
    width: 100%;
    margin: 0 auto;
}

.protein-section .powders {
    padding: 15px 0px;
    max-width: 89%;
}

.foods {
    margin: 40px 0px;
}

.foods div {
    background-color: #95d2d7;
    padding: 15px 0px;
}

.foods div h2 {
    text-align: left;
    font-size: 25px;
    max-width: 65%;
    margin-left: 249px;
}

.foods figure {
    float: left;
    width: 27%;
    margin: -27px 0px -27px -55px;
}

.statistics {
    background-image: url(statistics.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 205px;
    background-position: center top;
    margin: 40px 0px;
}

.statistics h2 {
    color: #ffffff;
    text-align: center;
    font-size: 25px;
    max-width: 58%;
    margin: 0px 0px 20px 340px;
    padding-top: 40px;
}

.list-text {
    max-width: 82%;
    padding: 15px 80px 15px 0px;
}

.list-text span {
    background-color: #b2e5ff;
}

ul {
    padding-left: 120px;
}

ul li {
    background-repeat: no-repeat;
    background-position: initial;
    background-size: 40px;
    padding: 0px 0px 0px 10px;
}

.statistics-section ul li {
    background-image: url(red-check-8345298203475.png);
}

.statistics-section figure.quality {
    float: left;
    width: 45%;
    margin-bottom: 0px;
}

.statistics-section figure.quality img {
    height: 330px;
}

.statistics-section .protein {
    background-color: #dddde1;
    padding: 5px 0px;
    margin: 20px 0px;
}

.statistics-section .list-check {
    float: left;
    width: 55%;
    margin: 0 20px 0 100px;
}

.whey-protein-section .list-check {
    float: left;
    width: 10%;
    margin: 0 20px 0 100px;
}

.whey-protein-section h2 {
    max-width: 82%;
    margin: 25px auto;
}

.whey-protein-section .whey-protein {
    background-color: #98d2d8;
    padding: 7px 0px;
    margin: 25px auto;
}

.whey-protein-section .list-text-whey {
    max-width: 100%;
    padding: 15px 80px 15px 0px;
}

.whey-protein-section .list-whey {
    margin-bottom: 30px;
}

.whey-protein-section .list-whey p {
    padding-top: 0px;
}

.whey-protein-section .difference {
    width: 75%;
    margin-left: 70px;
}

.whey-protein-section .gmo {
    width: 16%;
    float: right;
    margin: 15px 89px 0px 90px;
}

.whey-protein-section .gmo2 {
    width: 8%;
    float: right;
    margin: -79px 358px 0px 0px;
}

.whey-protein-section p.custom {
    margin: 25px 0px 25px 180px;
}

.ingredients-sections h2.text-pink {
    /*margin: 40px auto;*/
}

.ingredients-sections .ingredients {
    background-color: #dddde1;
    padding: 1px 0px;
    margin: 25px auto;
}

.ingredients-sections .sum {
    background: #d4e3fc;
    margin-left: 90px;
    border-radius: 15px;
    width: 75%;
}

.ingredients-sections .sum p {
    font-family: "Chalkboard", serif;
    color: #b70f0a;
    font-size: 28px;
    text-align: center;
}

.ingredients-sections .sum div {
    margin: -10px auto;
    width: 13%;
}

.ingredients-sections .taste-1 {
    width: 40%;
    float: right;
    margin-right: 180px;
    margin-left: 0px;
    margin-top: 36px;
}

.ingredients-sections .taste-2 {
    width: 40%;
    float: right;
    margin-right: 100px;
    margin-left: 0px;
    margin-top: -20px;
}

.ingredients-sections .arrow {
    float: left;
    margin: -340px 60px;
}

.arrow-products {
    float: right;
    margin: 60px -99px;
    width: 46%;
}

.products-section p.save3 {
    font-weight: bold;
    font-size: 24px;
    color: #000;
    line-height: 21px;
}

.products-section p.save3 span {
    color: #cc0000;
}

.ingredients-sections .special-one {
    margin: 15px auto 15px 30px;
}

.protein-section ul {
    padding-left: 70px;
}

.protein-section ul li span.circle {
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 6em;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    margin-right: 16px;
    text-align: center;
    width: 2.6em;
    height: 2.6em;
}

span.pink {
    background: #f06e9c;
}

span.green {
    background: #92d36e;
}


.ingredients-sections ul li {
    background-image: url(/images/green-check-8345298203475.png);
    background-position: left top;
    background-size: 49px;
    padding: 0px 0px 10px 75px;
    margin: 20px 0px;
    list-style: none;
}
.gradient {
    width: 84%;
    margin: 0 auto;
    padding-top: 30px;
    background: rgba(245,255,235,1);
    background: -moz-linear-gradient(top, rgba(245,255,235,1) 0%, rgba(245,252,238,1) 18%, rgba(245,245,245,1) 53%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(245,255,235,1)), color-stop(18%, rgba(245,252,238,1)), color-stop(53%, rgba(245,245,245,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(245,255,235,1) 0%, rgba(245,252,238,1) 18%, rgba(245,245,245,1) 53%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(245,255,235,1) 0%, rgba(245,252,238,1) 18%, rgba(245,245,245,1) 53%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(245,255,235,1) 0%, rgba(245,252,238,1) 18%, rgba(245,245,245,1) 53%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(245,255,235,1) 0%, rgba(245,252,238,1) 18%, rgba(245,245,245,1) 53%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5ffeb', endColorstr='#ffffff', GradientType=0 );
}
.ingredients-sections ul li.no-check {
    background-image: url(no-check.png);
}

.all-ingredients {
    background-color: #95db8f;
    padding: 7px 0px;
    margin: 25px auto;
}

.all-ingredients h2 {
    max-width: 90%;
    line-height: 1.5;
}

.mark-yellow {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    background-color: #fdff7c;
    width: 80%;
    height: 100%;
    -webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    -o-transform: skew(-20deg);
    padding:40px;
 
} 
.yello-text{
    -webkit-transform: skewX(20deg);
    -moz-transform: skew(20deg);
    -o-transform: skew(20deg);
    position: fixed;
    margin-top: -30px;
}

.mark-pink {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    background-color: #f78ab8;
}

#fat-lose{padding-top:20px;}
.img-fat-loss {
    width: 72%;
    margin-left: 70px;
    margin-top:15px;
}
.fat-loss-text{
	padding-left: 1px;
}


#red-bg{
    /*background-image: url(red-bg-8345298203475.png);*/
    background-image: url(../fl2756assets/blue-bg-8345298203475.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding:20px 0px 20px;
}

#red-bg2{
    /*background-image: url(red-bg-8345298203475.png);*/
    background-image: url(../fl2756assets/blue-bg-8345298203475.png);
    background-size: contain;
    background-repeat: no-repeat;
    padding:20px 0px 20px;
    color:#fff;
}
#red-bg h2{
    color:#fff;
}

#gray-bg{
    background-image:url("fl2765assets/gray-bg-8345298203475.png");
    background-size: cover;
}
#gray-bg h2{
    color:#fff;
    padding:30px;

}
.gray-section{
    background: #efede6;
    width: 84%;
    margin:0 auto;
    padding: 30px 0px 30px;
}
.gray-section .list-check {
    float: left;
    width: 10%;
    margin: 0 20px 0 -12px;
}

.gray-section .list-text-whey {
    max-width: 100%;
    padding: 0px 0px 0px 50px;
}
.gray-section .list-text-whey h2{color:#005484;}
.protine-area-one{
    background: #fff9f3;
    margin-bottom: 0px;
    padding: 20px 0px 30px 0px;
    width: 84%;
    margin: 0 auto;
}
.protine-area-one h3,.protine-area-two h3{
    font-size: 28px;
    line-height: 35px;
    margin: 20px auto 20px 16px;
    max-width: 82%;
    text-transform: uppercase;
}
.protine-area-one h2{color:#AA0808;font-size: 38px;}
.protine-area-two{
    background: #efede6;
    margin-bottom: 0px;
    padding: 20px 0px 30px 0px;
    width: 84%;
    margin: 0 auto;
}
.protine-area-two h2{color:#AA0808;font-size: 38px;}

.protine-area-three{
    background: #fcffe8;
    width:84%;
    margin: 0 auto;
}
.protine-area-three .list-check {
    float: left;
    width: 10%;
    margin: 0 20px 0 -25px;
}
.protine-area-three .list-text-whey {
	max-width: 100%;
	padding: 0px 10px 15px 42px;
}
.protine-area-three h2{
    font-size: 40px;
    color:#b22222;
    font-weight: 700;
}

.yes{width:60%;margin: 0 auto;}
.money-back{text-align: center;}
.remember{font-size: 40px;color:#f24a00;line-height: 45px;}
.add-to-cart{text-align: center;}
.add-to-cart p{font-weight: 700;}
.type img{width:50%;}
.how_much{font-size: 54px;}
.special{font-size: 40px; line-height: 45px;}
.wid-100-p-m{
	text-align: center;
}
.nuts{position:absolute;}
.nuts img{
    float: right;
    width: 30%;
    margin-left: 298px;
    margin-top: -770px;
}
.products-section {
    margin: 0 25px;
}
.products-section p{text-align: center;padding: 0px;}
.products-section h2{
    text-align: center;
    padding-top: 0px;
    font-size:24px;
}

.products-section h2 {
    margin-bottom: 10px;
}

.products-section .most-popular p {
    font-size: 23px;
    padding: 5px;
}

.products-section .most-popular {
    border: 1px solid #ef1571;
    background-color: #ef1571;
    color: #fff;
    font-weight: bold;
    margin: 0px auto 0px 1px;
    width: 310px;
    text-align: center;
}

.products-section .border-div-pro {
    background: #f6f6fa;
    border: 1px solid #e5e5e5;
    padding: 20px 10px;
    margin: 0 3px;
    box-shadow: 0px 0px 1px 1px #d5d5d5;
}
.border-div-pro h2 span{font-size:21px;}

.products-section p.save-one {
    font-weight: bold;
    font-size: 40px;
    color: #5d6859;
    text-transform: uppercase;
}
.products-section p.save-two {
    font-weight: bold;
    font-size: 40px;
    color: #49bd1b;
    text-transform: uppercase;
}
.products-section p.save-three {
    font-weight: bold;
    font-size: 40px;
    color: #f24a00;
    text-transform: uppercase;
}

.products-section p.price {
    font-size: 38px;
    padding: 0px;
    max-width: 100%;
}

.products-section p.price span {
    font-size: 20px;
}

.products-section p.loyalty,
.products-section .type {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
}

.products-section .type {
    max-width: 100%;
    padding: 0px;
    margin-top: 20px;
    margin-bottom: -98px;
}

.products-section .img-products {
    width: 90%;
    margin: 0px auto;
}

.products-section div.most {
    width: 67%;
    margin: 0px 31px 0px 318px;
}

.products-section .most-popular2 p {
    color: #fff;
}

.products-section .most-popular2 p span {
    color: #cc0000;
}

.products-section .most-popular2 {
    border: 1px solid #ffda01;
    background-color: #ffda01;
    color: #fff;
    font-weight: bold;
    margin: 0 auto;
    width: 310px;
    text-align: center;
}

.products-section .most-popular2 {
    border: 1px solid #f04900;
    background-color: #f04900;
    margin: 0 auto 0px 318px;
    width: 310px;
}

.products-section a {
    color: #000;
    text-decoration: none;
    display: block;
}

.center {
    display: -webkit-box;
    -webkit-justify-content: space-around;
    -webkit-align-items: center;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-display: flex;
    align-items: center;
    justify-content: space-around;
}

.hidden-desktop {
    display: none!important
}

.div-container {
    max-width: 95%;
    margin: 0 auto;
}

.decline-section .check .div-check {
    margin-top: 15px;
}

.decline-section .check {
    width: 87%;
    margin: 20px auto;
}

.decline-section figure {
    margin: 0 auto;
    width: 42%;
}

.decline-section .check p {
    padding: 10px;
    max-width: 100%;
}

.offer{
    display: block;
    text-align: center;
    margin-bottom: 60px;
}

.compaire-img{
    display: block;
    text-align: center;
    margin: 0 auto;
}


section.decline-section {
    padding-top: 70px;
}
footer {
    max-width: 1000px;
    margin: 0 auto;
    border: none;
    padding: 30px;
    width: 100%;
    font-size: 16px!important;
    text-align: center;
}

footer a {
    color: #000000;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
}

footer p {
    padding: 0;
    font-size: 16px;
    line-height: 1.5;
    text-indent: 0px;
    margin: 15px auto;
    font-family: 'Open Sans', sans-serif;
    max-width: 100%;
}

footer .annotations p {
    margin: 0 auto;
}

@media only screen and (max-width: 767px) {
    /*MOBILE*/
    .video-section .video {
        width: 80%;
    }
    #red-bg2{background-size: cover;}
    .how_much {font-size: 40px;}
    .special {font-size: 30px;line-height: 35px;}
    .yes {width: 90%;}
    .remember {font-size: 19px;line-height: 25px;}
    .video-red-bg {
        background: 0 0;
        background-color: #eb3180;
    }
    .video-red-bg h2 {
        font-size: 20px;
        line-height: 22px;
        padding-bottom: 30px;
    }
    .mark-yellow {
        -webkit-transform: skew(-20deg);
        -moz-transform: skew(-20deg);
        -o-transform: skew(-20deg);
        padding: 20px;
    }
    .yello-text{position: initial;}
    .statistics-section .list-check {
        width: 40% !important;
    }
    .arrow-products {
        float: right;
        margin: 84px -40px;
        width: 28%;
    }
    .protein-section ul li span.circle {
        border-radius: 0.8em;
        -moz-border-radius: 0.8em;
        -webkit-border-radius: 2em;
        color: #fff;
        display: inline-block;
        font-weight: bold;
        line-height: 2.9em;
        margin-right: 16px;
        text-align: center;
        width: 2.9em;
    }
    .div-container {
        max-width: 100%;
    }
    .cart figure p {
        font-size: 9px;
    }
    h1 {
        font-size: 26px;
        line-height: 36px;
    }
    p {
        padding: 15px 0px;
        font-size: 19px;
        max-width: 90%;
    }
    h2 {
        font-size: 22px;
        max-width: 90%;
    }
    .wid-100-p-m {
        width: 100%;
    }
    .dis-fle,
    .center {
        flex-wrap: wrap;
    }
    .hidden-mobile {
        display: none
    }
    .hidden-desktop {
        display: block!important
    }
    ul {
        padding-left: 25px;
    }
    ul li {
        padding: 0px 0px 10px 50px;
        margin: 10px 20px;
    }

    .list-text-whey ul li {
        padding: 0px 0px 0px 0px;
    }
    .half-time-section .img-fat-loss {
        margin-left: 0px;
    }
    .protein-section ul {
        padding-left: 0px;
    }
    .protein-section ul li span.circle {
        height: 1.9em;
        width: 1.9em;
    }
    .protein-section span.pink p,
    .protein-section span.green p {
        margin: 0px auto;
    }
    .foods-section .foods figure {
        width: 34%;
        padding: 0px;
        margin: 20px 20px 0px;
    }
    .foods-section .foods div h2 {
        max-width: 90%;
        margin-left: 30px;
    }
    .statistics-section figure.quality {
        float: none;
        width: 100%;
        margin: 0 auto;
    }
    .statistics-section .list-check {
        float: none;
        width: 70%;
        margin: 0 auto;
    }
    .statistics-section .list-text,
    .whey-protein-section .list-text-whey {
        padding: 15px 0px;
        max-width: 90%;
    }
    .whey-protein-section .list-check {
        float: none;
        width: 30%;
        margin: 20px auto;
        margin-bottom: -20px;
    }
    .whey-protein-section p.custom {
        margin: 0 auto;
    }
    .whey-protein-section .difference {
        width: 65%;
        margin-left: 0px;
    }
    .whey-protein-section .gmo {
        width: 21%;
        margin: 25px;
    }
    .whey-protein-section .gmo2 {
        width: 17%;
        margin: 25px;
    }
    .ingredients-sections .arrow {
        margin: -150px 20px;
        width: 14%;
    }
    .ingredients-sections .special-one {
        margin: 15px auto 15px 13px;
    }
    .ingredients-sections .sum {
        margin-left: 0px;
    }
    .products-section h2 {
        font-size: 28px;
    }
    .products-section .border-div-pro {
        margin: 20px 10px 65px;
    }
    .products-section .most-popular {
        width: 95%;
        margin: 10px auto -20px;
    }
    .products-section .type {
        margin-top: -10px;
    }
    footer {
        padding: 20px 0px 0px 0px;
    }
    footer p {
        margin: 20px 20px;
    }
    .decline-section input {
        margin: 16px 10px 0px;
    }
    .decline-section figure {
        margin: 15px 15px 0px;
        width: 13%;
        float: left;
    }
}

@media screen and (max-width: 320px) {
    /* Iphone 5 */
    .cart figure p {
        font-size: 8px;
    }
    p {
        font-size: 17px;
    }
    h2 {
        font-size: 19px;
        line-height: 25px;
    }
    .protine-area-three h2{font-size: 25px;}
    ul li {margin: 10px 10px;}

}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .products-section div.most {
    width: 76%;
    margin: 0px 31px 0px 170px;}
    .remember{font-size:35px;}
    #red-bg2{background-size: cover;}
}