@font-face {
  font-family: Metropolis-Regular;
  src: url(https://muscletrails.88gravity.com/website/metropolis/metropolis.regular.otf);
}
.wish_pushbtn {
            text-decoration: none;
            border: none;
            
            /*box-shadow: 7px 6px 28px 1px rgba(0, 0, 0, 0.24);*/
            cursor: pointer;
            outline: none;
            transition: 0.7s all;
        }
        /* Adding transformation when the button is active */
          
        .wish_pushbtn:active {
            transform: scale(1.98);
            /* Scaling button to 0.98 to its original size */
            /*box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24);*/
            /* Lowering the shadow */
        }
section#showcase {
    padding-top: 7rem;
}
.showcase_product_img img {
    width: 650px;
    display: block;
    margin: 0 auto;
    /* margin-left: 70px; */
}
.pord-list-para ul li {
    list-style: disc outside none !important;
    display: list-item !important;
     margin-left: 1em !important; 
    list-style: disc !important;
}
h3.amazing_heading {
    text-align: center;
    text-transform: uppercase;
    color: #ff0505;
    font-size: 32px;
}
p.amazing_heading {
    text-align: center;
    text-transform: uppercase;
    color: #ff0505;
    font-size: 32px;
}
/*.showcase_product_img {
    background-image: url(../images/showcase/thunder/energy.gif);
    width: 90%;
    height: 100%;
    background-size: cover;
    background-position: center;
    position: relative;
}*/
.showcase_product_img.prime_series{
    background-image: none;
}
.showcase_product_img.prime_series img {
    width: 80%;
    margin-left: 100px;
}
.showcase_product_content .show_head1 {
    color: #000;
    font-weight: 300;
    font-family: "Metropolis-Regular";
    font-size: 70px;
    text-transform: uppercase;
}
.showcase_product_content h2{
    width: 550px;
    font-family: "Metropolis-Regular";
}
.showcase_product_content #next {
    width: 170px;
}
.showcase_product_content .show_head2 {
    color: #ff0505;
    font-weight: 300;
    font-size: 60px;
    font-family: "Metropolis-Regular";
    text-transform: uppercase;
}
.showcase_product_content .show_head3 {
    color: #000;
    font-weight: 200;
    font-family: "Metropolis-Regular";
    text-transform: capitalize;
}
.showcase_product_content p {
    color: #000;
    font-weight: 600;
    font-size: 22px;
    margin-top: 20px;
    font-family: 'Raleway', sans-serif;
    
    
}
.showcase_product_content .btn {
    margin-top: 20px;
     box-shadow: 0 10px 20px #6c757d47 !important;
}
.showcase_product_content {
    margin-top: 28%;
    font-family: "Metropolis-Regular";
}
.showcase_product_content .btn:hover {
    background-position: 100% 0 !important;
     
}

.showcase_prdct_img img {
	margin-top: -25%;
    width: 100%;
    display: block;
    position: absolute;
    /*margin: 0 auto;*/
}
section#red_section_two {
    padding-top: 7rem;
}
.showcase_red_bg {
    background: url(../images/showcase/section1-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 195px;
    position: relative;

}
.showcase_product_content .btn__text__white{
	margin-left: 20px;
}
.showcase_prdct_cta {
    padding-top: 32%;
}
.showcase_prdct_cta #next {
    cursor: pointer;
    position: relative;
    float: right;
    font-family: "Metropolis-Regular";
    margin-top: -6px;
    width: 170px;
    color: #ffffff;
    font-size: 16px;
    user-select: none;
    left: 0;
    transition: 0.2s ease-in;
}
.showcase_prdct_cta .btn:hover {
    background-position: 100% 0 !important;
}
#next:hover {
     background-position: 100% 0 !important;
}
.showcase_prdct_content {
    padding-top: 8%;
    /*padding-right: 100px;*/
    padding-right: 0;

}
.showcase_prdct_content h4 {
    color: #fff;
    font-size: 20px;
    font-family: "Metropolis-Regular";
    font-weight: 600;
}
.showcase_prdct_content .h4 {
    color: #fff;
    font-size: 20px;
    font-family: "Metropolis-Regular";
    font-weight: 600;
}
section#showcase_product_setion .product_wrapper {
    width: 100%;
}
.showcase_prdct_content h3 {
    color: #fff;
    line-height: 30px;
    font-weight: 600;
    font-size: 25px;
    text-transform: uppercase;
    font-family: "Metropolis-Regular";
}
.showcase_prdct_content .h3 {
    color: #fff;
    line-height: 30px;
    font-weight: 600;
    font-size: 25px;
    text-transform: uppercase;
    font-family: "Metropolis-Regular";
}
#showcase_third_setion .col-md-3:hover{
    cursor: pointer;
}
#showcase_third_setion .col-md-3 a{
    text-decoration: none;
    font-family: "Metropolis-Regular";
}
#showcase_third_setion {
    padding-top: 7rem;
}
.showcase_heading_sec h4 {
    text-align: center;
    color: #ff0505;
    font-family: "Metropolis-Regular";
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 34px;
    margin-bottom: -5px;
}
.showcase_heading_sec .h4 {
    text-align: center;
    color: #ff0505;
    font-family: "Metropolis-Regular";
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 34px;
    margin-bottom: -5px;
}
.showcase_heading_sec h3 {
    text-align: center;
    color: #000;
    margin-bottom: 20px;
    font-family: "Metropolis-Regular";
    font-size: 32px;
    font-weight: 400;
    line-height: 44px;
}
.showcase_heading_sec .h3 {
    text-align: center;
    color: #000;
    margin-bottom: 20px;
    font-family: "Metropolis-Regular";
    font-size: 32px;
    font-weight: 400;
    line-height: 44px;
}
#showcase_third_setion .amazing_icon img {
    width: 30%;
    display: block;
    margin: 0 auto
}
#showcase_third_setion .amazing_content h5 {
    text-align: center;
    margin-top: 20px;
    font-size: 18px;
    height: 22px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #000;
    text-transform: uppercase;
    font-family: "Metropolis-Regular";
}
#showcase_third_setion .amazing_content .h5 {
    text-align: center;
    margin-top: 20px;
    font-size: 18px;
    height: 22px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #000;
    text-transform: uppercase;
    font-family: "Metropolis-Regular";
}
span.delete_price {
    color: #ff0505;
    font-size: 40px;
}
.amazing_content p {
    color: #000;
    text-align: justify;
    font-size: 14px;
    font-weight: 700;
    opacity: 100%;
    font-family: "Metropolis-Regular";
}
section#showcase_fourth_setion {
    padding-top: 6rem;
}

.suppliment_product_img img {
    width: 90%;
    margin-top: 10%;
}
.showcase_heading_sec h3 {
    margin-bottom: 30px;
    text-transform: uppercase;
    font-family: "Metropolis-Regular";
}
.showcase_heading_sec .h3 {
    margin-bottom: 30px;
    text-transform: uppercase;
    font-family: "Metropolis-Regular";
}
.suppliment_product_content h4 {
    text-align: left;
    font-size: 15px;
    margin-bottom: 20px;
    font-family: "Metropolis-Regular";
}
.suppliment_product_content h3 {
    text-align: left;
    color: #ff0505;
    font-size: 20px;
    font-family: "Metropolis-Regular";
}
.suppliment_product_content .h3 {
    text-align: left;
    color: #ff0505;
    font-size: 20px;
    line-height: 30px;
    font-family: "Metropolis-Regular";
}
.suppliment_product_content {
    /*margin-top: 10%;*/
}
.suppliment_1 h3 {
    font-size: 20px;
    line-height: 26px;
    height: 60px;
    text-transform: capitalize;
    font-weight: 600;
    text-align: left;
    margin-bottom: 0px;
    margin-top: 0;
    font-family: "Metropolis-Regular";
}
.suppliment_1 .h3 {
    font-size: 20px;
    line-height: 26px;
    height: 60px;
    text-transform: capitalize;
    font-weight: 600;
    text-align: left;
    margin-bottom: 0px;
    margin-top: 0;
    font-family: "Metropolis-Regular";
}
.supp_card .col-md-6:nth-child(2) p {
    
    font-family: "Metropolis-Regular";
}
.suppliment_1 p {
    text-align: left;
    color: #000;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    opacity: 100%;
    font-family: "Metropolis-Regular";
}
#showcase_fourth_setion .supp_card .col-md-6 {
    border-left: 3px solid #ff0505;
    float: left;
    display: block;
}
section#supp_fifth_section {
    padding-top: 7rem;
    padding-bottom: 4rem;
   
}
#supp_fifth_section p {
    color: #000;
    font-family: "Metropolis-Regular";
    opacity: 100%;
    font-weight: 400;
    line-height: 20px;
    font-size: 14px;
    margin-bottom: 25px;
}
#supp_fifth_section h5 {
    color: #ff0505;
    text-transform: uppercase;
    font-family: "Metropolis-Regular";
}
#supp_fifth_section .h5 {
    color: #ff0505;
    text-transform: uppercase;
    font-family: "Metropolis-Regular";
    font-size: 20px;
}
#supp_fifth_section h2 {
    color: #000;
    text-transform: capitalize;
    font-size: 35px;
    font-family: "Metropolis-Regular";
    font-weight: 300;
}
#supp_fifth_section .h2 {
    color: #000;
    text-transform: capitalize;
    font-size: 35px;
    font-family: "Metropolis-Regular";
    font-weight: 300;
}
#supp_fifth_section .showcase_prdct_cta{
    padding-top: 0 !important;
}
#supp_fifth_section .showcase_prdct_cta #next {
    cursor: pointer;
    position: relative;
    float: left;
    font-family: "Metropolis-Regular";
    top: 85%;
    width: 180px;
    color: #ffffff;
    font-size: 16px;
    user-select: none;
    left: 0;

    transition: 0.2s ease-in;
}
#supp_fifth_section  .abt_mission_section .mission_details {
    padding: 50px;
margin-top: 17%;
}
#supp_fifth_section .pulse {
    width: 125px;
    height: 125px;
    padding: 23px;
    border-radius: 50%;
    background: #ffffff34;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}
.suppliment_shop_goal .second_section h2 {
        text-align: center;
    color: #000;
    margin-bottom: 50px;
    font-family: "Metropolis-Regular";
    text-transform: uppercase;
    font-size: 32px;
    font-weight: 400;
    line-height: 44px;
    
}
.prdct_cta {
    width: 100%;
    display: block;
}
.prdct_cta #next {
    cursor: pointer;
    position: relative;
    margin: 0 auto !important;
    margin-top: 3% !important;
    width: 160px !important;
    display: block !important;
    float: none !important;
}
section#showcase_blog_setion {
    padding-top: 5rem;
}
.showcase_faq_setion{
    padding-top: 5rem;
}
.faq_product .content p {
    padding: 10px 30px;
    font-size: 16px;
    line-height: 32px;
    color: #0e0e0e;
    opacity: 100%;
    font-weight: 400;
    font-family: "Metropolis-Regular";
}
section#showcase_faq_setion {
    padding-top: 5rem;
    display: none;
}
#showcase_faq_setion .faq_product .set h4 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 25px;
    text-decoration: none;
    filter: drop-shadow(0px 6px 10px rgba(0,0,0,0.1));
    background-color: #ffffff;
    font-size: 18px;
    line-height: 48px;
    color: #000;
    text-transform: capitalize;
    font-weight: 400;
    font-family: "Metropolis-Regular";
    cursor: pointer;
    border-bottom: 1px solid #ddd;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
#showcase_feature_setion{
    padding-top: 5rem;
}
#showcase_feature_setion .feature{
    background-color: #fff;
    box-shadow: rgb(0 0 0 / 16%) 0px 5px 15px;
    padding: 10px 40px 10px 20px;
    position: relative;
    /*transition:all 0.9s ease;*/
    width:320px;
    min-height: 90px;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}
#showcase_feature_setion .feature h5{
    text-transform: capitalize;
    font-weight: 700;
    text-align: center !important;
    margin-top: 12%;
    font-size: 18px;
    font-family: "Metropolis-Regular";
}
#showcase_feature_setion .feature .h5{
    text-transform: capitalize;
    font-weight: 700;
    text-align: center !important;
    margin-top: 0;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Metropolis-Regular";
}
#showcase_feature_setion .featurea{
    background-color: #fff;
    box-shadow: rgb(0 0 0 / 16%) 0px 5px 15px;
    padding: 10px 40px 10px 20px;
    position: relative;
    
    margin-bottom: 20px;
}
#showcase_feature_setion .featureb{
    background-color: #fff;
    box-shadow: rgb(0 0 0 / 16%) 0px 5px 15px;
    padding: 10px 40px 10px 20px;
    position: relative;
    
    margin-bottom: 20px;
}
#showcase_feature_setion .featurec{
    background-color: #fff;
    box-shadow: rgb(0 0 0 / 16%) 0px 5px 15px;
    padding: 10px 40px 10px 20px;
    position: relative;
   
    margin-bottom: 20px;
}
#showcase_feature_setion .featured{
    background-color: #fff;
    box-shadow: rgb(0 0 0 / 16%) 0px 5px 15px;
    padding: 10px 20px 10px 40px;
    position: relative;
   
    margin-bottom: 20px;
}
#showcase_feature_setion .featuree{
    background-color: #fff;
    box-shadow: rgb(0 0 0 / 16%) 0px 5px 15px;
    padding: 10px 20px 10px 40px;
    position: relative;
    
    margin-bottom: 20px;
}
#showcase_feature_setion .featureb h5 {
    margin-top: 20px;
    font-family: "Metropolis-Regular";
}
#showcase_feature_setion .featuref{
    background-color: #fff;
    box-shadow: rgb(0 0 0 / 16%) 0px 5px 15px;
    padding: 10px 20px 10px 40px;
    position: relative;
    
    margin-bottom: 20px;
}
#showcase_feature_setion .featurea h5 {
    text-align: right;
    font-size: 16px;
    color: #000;
    font-family: "Metropolis-Regular";
}
#showcase_feature_setion .featurea h5 {
    margin-top: 10px;
    font-family: "Metropolis-Regular";
}
#showcase_feature_setion .featureb h5 {
    text-align: right;
    font-size: 18px;
    color: #000;
    font-family: "Metropolis-Regular";
}
#showcase_feature_setion .featurec h5 {
    text-align: right;
    font-size: 18px;
    color: #000;
    font-family: "Metropolis-Regular";
}

#showcase_feature_setion .feature p {
    text-align: right;
    font-size: 14px;
    color: #000;
    opacity: 100%;
    font-family: "Metropolis-Regular";
}
.featurea::after {
    
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 60px;
    border-radius: 60px;
    height: 60px;
    background:url('../images/showcase/icons/section5-icon1.png');
    float: right;
    right: -30px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /*transition:all 0.9s ease;*/
    box-shadow: rgb(0 0 0 / 16%) 0px 5px 15px;

}
.featurea:hover::after {
    
        content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 60px;
    border-radius: 60px;
    height: 60px;
    background:url('../images/showcase/icons/section5-icon1b.png');
    float: right;
    right: -30px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /*transition:all 0.9s ease;*/
    box-shadow: rgb(0 0 0 / 16%) 0px 5px 15px;
}
.featureb:hover::after {
    
        content: "";
    position: absolute;
        top: 50%;
    width: 60px;
    border-radius: 60px;
    height: 60px;
    background:url('../images/showcase/icons/section5-icon3b.png');
    float: right;
    right: -30px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /*transition:all 0.9s ease;*/
    box-shadow: rgb(0 0 0 / 16%) 0px 5px 15px;
}
.featurec:hover::after {
   
        content: "";
    position: absolute;
        transform: translateY(-50%);
    width: 60px;
    border-radius: 60px;
    height: 60px;
    background:url('../images/showcase/icons/section5-icon5b.png');
    float: right;
    right: -30px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /*transition:all 0.9s ease;*/
    box-shadow: rgb(0 0 0 / 16%) 0px 5px 15px;
}
.featured:hover::after {
    
        content: "";
    position: absolute;
        top: 50%;
    transform: translateY(-50%);
    width: 60px;
    border-radius: 60px;
    height: 60px;
    background:url('../images/showcase/icons/section5-icon2b.png');
    float: left;
    left: -30px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /*transition:all 0.9s ease;*/
    box-shadow: rgb(0 0 0 / 16%) 0px 5px 15px;
}
.featuree:hover::after {
   
        content: "";
    position: absolute;
        top: 50%;
    transform: translateY(-50%);
    width: 60px;
    border-radius: 60px;
    height: 60px;
    background:url('../images/showcase/icons/section5-icon4b.png');
    float: left;
    left: -30px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /*transition:all 0.9s ease;*/
    box-shadow: rgb(0 0 0 / 16%) 0px 5px 15px;
}
.featuref:hover::after {
    
        content: "";
    position: absolute;
        top: 50%;
    transform: translateY(-50%);
    width: 60px;
    border-radius: 60px;
    height: 60px;
    background:url('../images/showcase/icons/section5-icon6b.png');
    float: left;
    left: -30px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /*transition:all 0.9s ease;*/
    box-shadow: rgb(0 0 0 / 16%) 0px 5px 15px;
}
.featureb::after {
    
    content: "";
    position: absolute;
        top: 50%;
    transform: translateY(-50%);
    width: 60px;
    border-radius: 60px;
    
    height: 60px;
    background:url('../images/showcase/icons/section5-icon3.png');
    float: right;
    right: -30px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    box-shadow: rgb(0 0 0 / 16%) 0px 5px 15px;

}
.featurec::after {
    
    content: "";
    position: absolute;
        top: 50%;
    transform: translateY(-50%);
    width: 60px;
    border-radius: 60px;
    
    height: 60px;
    background:url('../images/showcase/icons/section5-icon5.png');
    float: right;
    right: -30px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    box-shadow: rgb(0 0 0 / 16%) 0px 5px 15px;

}
.featured::after {
    
    content: "";
    position: absolute;
        top: 50%;
    transform: translateY(-50%);
    width: 60px;
    border-radius: 60px;
    
    height: 60px;
    background:url('../images/showcase/icons/section5-icon2.png');
    float: left;
    left: -30px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    box-shadow: rgb(0 0 0 / 16%) 0px 5px 15px;

}
.featuree::after {
    
    content: "";
    position: absolute;
        top: 50%;
    transform: translateY(-50%);
    width: 60px;
    border-radius: 60px;
    
    height: 60px;
    background:url('../images/showcase/icons/section5-icon4.png');
    float: left;
    left: -30px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    box-shadow: rgb(0 0 0 / 16%) 0px 5px 15px;

}
.featuref::after {
    
    content: "";
    position: absolute;
        top: 50%;
    transform: translateY(-50%);
    width: 60px;
    border-radius: 60px;
    
    height: 60px;
    background:url('../images/showcase/icons/section5-icon6.png');
    float: left;
    left: -30px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    box-shadow: rgb(0 0 0 / 16%) 0px 5px 15px;

}
.showcase_product_img.no_bg {
    background-image: none;
}
#showcase_feature_setion .featured h5, #showcase_feature_setion .featuree h5, #showcase_feature_setion .featuref h5{
    text-align: left;
}
#showcase_feature_setion .featured p, #showcase_feature_setion .featuree p, #showcase_feature_setion .featuref p{
    text-align: left;
}
.feature_img img {
    /*width: 75%;
    margin-top: 5%;
    margin-left: 10%;*/
    margin-left: -30px;
    width: 100%;
}
#showcase_feature_setion .feature:hover{
    /*background: linear-gradient(to right, #ff181a 0%, #ff5a00 50%, #ff181a 80%);*/
    background:#ff0505;
    /*-webkit-background-clip: background;
    -webkit-text-fill-color: transparent;*/
    position: relative;
    cursor: pointer;
    
   
}
#showcase_feature_setion .feature:hover h5{
    color: #fff;
    z-index: 99999;
    opacity: 100%;
}
#showcase_feature_setion .feature:hover p{
    color: #fff;
    z-index: 99999;
    opacity: 100%;
}
section#fourth_section {
    background-image: none;
}
.showcase_bottom_icon{
    background-image: none;
    padding-top: 6rem;
}
.showcase_product_content .whislist {
    width: 60px;
    position: relative;
    border-radius: 50px;
    padding: 15px 10px 10px;
    top: 20px;
    background: #fff;
    height: 40px;
    margin-top: 0;
    margin-left: 10px;
    filter: drop-shadow(0px 6px 10px rgba(0,0,0,0.1));
}
.whislist{
    transition: all 0.4s ease-in-out;
}
.whislist i{
    transition: all 0.4s ease-in-out;
}
.whislist:hover {
    cursor: pointer;
    background: #ff0505;
    color: #fff;
}
.whislist:hover i{
    cursor: pointer;
    
    color: #fff;
}
span.whislist.sh_whislist_add.active {
    background: #ff0505;
}
span.whislist.sh_whislist_add.active .fa{
    color: #fff;
}
.showcase_product_content .whislist:hover .fa{
    color: #fff;
}
.showcase_product_content .whislist .fa:hover{
    color: #fff;
}
.showcase_product_content .whislist .fa {
    color: #ff0505;
    font-size: 20px;
}
/*.showcase_product_content #next {
    cursor: pointer;
    position: absolute;
    float: left;
    font-family: "Metropolis-Regular";
    top: 100%;
    width: auto;
    color: #ffffff;
    font-size: 16px;
    user-select: none;
    left: 20%;
    transition: 0.2s ease-in;
}*/
.showcase_product_content .btn__text__white {
    display: none;
}
.discount_text{
    color: #ff0505 !important;
    font-family: 'Kanit', sans-serif !important;
    font-weight: 300 !important;
    opacity: 100% !important;
    font-size: 20px !important;
}
.fact_image img {
    width: 100%;
}
div#factModal .modal-dialog {
    margin-top: 10%;
}
div#factModal .modal-dialog h4{
    text-align: center;
}
.prod-final-buy2-1 .prod_shw_price {
    
    font-size: 52px;
    line-height: 30px;
    opacity: 100%;
    color: #000;
    position: relative;
    font-weight: 200;
    font-family: 'Kanit', sans-serif;
}

.prod-final-buy2-1 .hint {
    font-size: 16px !important;
    font-weight: 300;
    position: absolute;
    color: #000;
    right: 0;
    cursor: pointer;
}
.prod-final-buy2-1 .hint:hover {
    color: #ff0505;

}
.showcase_product_content .prod-final-buy2-1 p {
    font-size: 52px;
    line-height: 30px;
    opacity: 100%;
    color: #000;
    font-weight: 200;
    font-family: 'Kanit', sans-serif;
}
.showcase_product_content h2{
    font-size:60px;
}
img.fact_icon {
    width: 15%;
    margin-top: -5px;
}
/*for macbook*/

@media screen and (max-width: 2560px) and (min-height: 1600px){
 section#showcase {
    padding-top: 6rem;
}  
}

@media screen and (max-width: 800px) and (min-height: 1280px){
   
 .showcase_product_img img {
    width: 361px;
    display: block;
    margin: 0 auto;
    margin-top: 80px;
}
.showcase_product_content .show_head1 {
    font-size: 40px;
}
.showcase_product_content .show_head2 {
    color: #ff0505;
    font-weight: 300;
    font-size: 40px;
    font-family: "Metropolis-Regular";
    text-transform: uppercase;
}
.showcase_product_content .show_head2 {
    font-size: 40px;
    
}
.showcase_product_content .prod-final-buy2-1 p {
    font-size: 45px;
}

}


@media screen and (min-width: 1920px) and (max-height: 1200px) and (orientation: landscape){
#supp_fifth_section .abt_mission_section .mission_details {
    padding: 50px;
}
.abt_mission_section .mission_details {
    margin-top: 18%;
}	
}

@media screen and (min-width: 1900px) and (max-height: 1080px) and (orientation: landscape){}


@media (min-width: 992px) and (max-width: 1024px){

.showcase_product_img img {
    width: 487px;
    display: block;
    margin: 0 auto;
}
.prod-final-buy2-1 .hint {
    
    right: -56px;
   
}
.feature_img img {
    margin-left: 12px;
    width: 100%;
}
.showcase_prdct_img img {
    margin-top: -12%;
}
.showcase_product_content h2 {
    width: 100%;
    font-family: "Metropolis-Regular";
}
.showcase_product_content .show_head1 {
    font-size: 60px;
    line-height: 70px;
}
.showcase_product_content .show_head2 {
    font-size: 60px;
    line-height: 70px;
}
.showcase_product_content {
    margin-top: 11%;
}
}

@media only screen and (max-width: 768px){
.showcase_prdct_img img {
    margin-top: -8%;
    width: 29%;
    display: block;
    position: absolute;
    left: -103px;
}
.showcase_prdct_content h3 {
    line-height: 28px;
    font-size: 20px;
}	
.showcase_prdct_content .h3 {
    line-height: 28px;
    font-size: 20px;
}
.showcase_prdct_content h4 {
    font-size: 18px;
}
.showcase_prdct_content .h4 {
    font-size: 18px;
}
.showcase_prdct_content {
    padding-left: 29px;
    padding-top: 8%;
}
.showcase_prdct_cta {
    padding-top:0%;
    width: 100%;
    margin-left: 90px;
}
.showcase_prdct_cta #next {
    margin-top: -67px;
}
#supp_fifth_section .showcase_prdct_cta {
    padding-top: 73px !important;
}
#supp_fifth_section .showcase_prdct_cta {
    padding-top: 0%;
    width: 100%;
    margin-left: 137px;
}
#supp_fifth_section .abt_mission_section .mission_details {
    padding: 46px 50px 24px 35px;
}
section#supp_fifth_section {
    padding-top: 7rem;
    padding-bottom: 24rem;
}
}
@media only screen and (max-width: 767px){
.showcase_product_img img {
    width: 529px;
    display: block;
    margin: 0 auto;
    margin-left: 0px;
    margin-top: 55px;
}
.showcase_prdct_img img {
    margin-top: 4%;
    width: 29%;
    display: block;
    position: absolute;
    left: -103px;
}
.showcase_product_content {
    margin-top: 8%;
}
.prod-final-buy2-1 {
    width: 100%;
    height: auto;
}
.showcase_product_content .prod-final-buy2-1 p {
    font-size: 45px;
    margin-left: -198px;
}
.prod-final-buy2-1 .hint {
    right: 0px;
}
section#red_section_two {
    padding-top: 4rem;
}
#showcase_third_setion {
    padding-top: 4rem;
}
section#showcase_fourth_setion {
    padding-top: 4rem;
}
.suppliment_product_img img {
    width: 90%;
    margin-top: 0%;
}
section#supp_fifth_section {
    padding-top: 4rem;
    padding-bottom: 26rem;
}
#showcase_feature_setion .featurea {
    width: 100%;
}
#showcase_feature_setion .featureb{
    width: 100%;
}
#showcase_feature_setion .featurec{
    width: 100%;
}
#showcase_feature_setion .featured{
    width: 100%;
}
#showcase_feature_setion .featuree{
    width: 100%;
}
#showcase_feature_setion .featuref{
    width: 100%;
}
.feature_img{
padding-bottom: 35px;
    padding-top: 20px;	
}
#fourth_section .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    float: none;
    margin: 0 auto;
    padding: 20px 36px;
    max-width: 90%;
    height: 240px;
   
}
section#showcase_faq_setion {
    padding-top: 3rem;
}
.showcase_bottom_icon {
    background-image: none;
    padding-top: 4rem;
}
#showcase_feature_setion {
    padding-top: 12rem;
}
}
@media only screen and (max-width: 414px){
.showcase_product_img img {
    width: 88%;
    display: block;
    margin: 0 auto;
    margin-left: 0px;
    height: auto;
    margin-top: 60px;
    margin-bottom: 0px;
}	
.showcase_product_content h2 {
    width: 100%;
   font-size: 45px; 
}
.showcase_product_content .show_head1 {
    font-size: 40px;
}
.showcase_product_content .show_head2 {
    font-size: 40px;
}
.prod-final-buy2-1 {
    width: 98%;
    height: auto;
}
.showcase_product_content .prod-final-buy2-1 p {
    font-size: 40px;
	margin-left: 0px;
}
.prod-final-buy2-1 .hint {
   
    right: 0px;
    top: 33px;
	    font-size: 14px !important;
		width: 100%;
}
.showcase_product_content p {
margin-top: 33px;	
}
.showcase_red_bg {
    background: url(../images/showcase/section1-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 311px;
    position: relative;
}
.showcase_prdct_img{
	width:100%;
}
section#showcase {
    padding-bottom: 84px;
}
.showcase_prdct_img img {
    margin-top: -41%;
    display: block;
    position: absolute;
    left: 58px;
    width: 66%;
}
.showcase_prdct_content {
    padding-left: 10px;
    padding-top: 31%;
    width: 100%;
}
.showcase_prdct_cta {
    padding-top: 25%;
    
    width: auto;
    margin-left: 0px;
}
.showcase_prdct_cta #next {
  
    left: -97px;
}
#showcase_third_setion {
    padding-top: 2rem;
}
section#showcase_fourth_setion {
    padding-top: 2rem;
}
section#supp_fifth_section {
    padding-top: 2rem;
    padding-bottom: 27rem;
}
#supp_fifth_section .showcase_prdct_cta {
    width: auto;
    margin-left: 70px;
}
.abt_mission_section .mission_details{
 width: auto;	
}
.feature_img img {
    margin-left: 0px;
    width: 100%;
}
#showcase_feature_setion .feature{
width: 100%;
height: 108px;	
}
.featurea::after{
	right:0;
}
.featureb::after{
right:0;	
}
.featurec::after{
	right:0;
}
.featured::after{
left: 0px;	
}
.featuree::after{
	left:0;
}
.featuref::after{
	left:0;
}
.suppliment_product_img img {
    width: 90%;
    margin-top: 0%;
}
.suppliment_product_content h3 {
    font-size: 18px;
}
.suppliment_product_content .h3 {
    font-size: 18px;
}
section#showcase {
    padding-top: 3rem;
}
.discount_text {
    font-size: 16px !important;
}
#fourth_section .col-md-6 {
    padding: 20px 36px;
    max-width: 90%;
    height: 216px;
}
section#fourth_section {
    padding-top: 4rem;
    margin-top: 0px !important;
}
.showcase_product_content {
    margin-top: 22%;
}
section#showcase_faq_setion {
    padding-top: 2rem;
}
.showcase_bottom_icon {
    background-image: none;
    padding-top: 3rem;
}


}

@media only screen and (max-width: 415px){
    .prod-final-accor-sect {
    margin-bottom: 90px;
}
}