.tj{
    text-align: justify;
}
.tc{
    text-align: center;
}
.hamburger{
    height: 25px;
}
#hamburger_lines{
    display: none;
}
.pc-nav div:hover{
    cursor: pointer;
    color: yellow;
}
.one{
    width: 30px;
    height: 4px;
    background: white;
}
.two{
    width: 22px;
    height: 4px;
    background: white;
}
.three{
    width: 17px;
    height: 4px;
    background: white;
}
.banner{
    background-image: url("../image/banner/fatino_banner.png");
    /*background-image: url("../image/banner/banner.png");*/
    height: 75vh;
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
}
.phone_version{
    height: 100%;
}
.weight_loss_capsule{
    color: green;
}

.pacifico-regular{
    font-family: "Pacifico", cursive;
    font-weight: 400;
    font-style: normal;
}
.font{
    font-family: 'Gloock', serif;
    font-weight: 400;
}
/*.section_three{*/
/*    background-image: url("../image/index/why-we.jpeg");*/
/*    background-position: bottom;*/
/*    background-size: cover;*/
/*}*/
.orangered{
    color: orangered;
}
.product{
   width: 100%;
   /*width: 80%;*/
}
/* .naving{
    display: block;
} */
.product-small-pic-height{
    height: 60px;
}
.radius-left{
    border-radius: 20px 0 0 20px;
}
.radius-right{
    border-radius: 0 20px 20px 0;
}

.frame-height{
    height: 550px;
    overflow-y: scroll;
    padding-bottom: 20px;
}
.frame-height::-webkit-scrollbar{
    width: 8px;
}
.frame-height::-webkit-scrollbar-track{
    box-shadow: inset 0 0 5px green;
    width: 5px;
}
.frame-height::-webkit-scrollbar-thumb{
    background: red;
    border-radius: 5px;
}
.frame-button-light-green{
    background: #D6FFC1;
    border: 1px solid #97FA9A;
}
.frame-btn:hover{
    background: #D6FFC1;
    border: 1px solid #97FA9A;
}
.frame-button-grey{
    background: #E1E2E4;
    border: 1px solid #E1E2E4;
}
.remove_from_bigscreen{
    display: none;
}
.d-none-for-lappy{
    display: none;
}

@media(min-width:300px) and (max-width:576px){
    .banner{
        background-image: url("");
        height: auto;
        background: black;
    }
    .frame-height{
        height: auto;
        overflow-y: none;
    }
    .slider_disappear{
        display: none;
    }
    .weight_loss_capsule{
        /*color: #90EE90;*/
        color: #3EE4ED;
        margin-top: 50px;
    }
    .textwhite{
        color:white;
    }
    .start_a_Healthy_Life_Today_orangered{
        color: orangered;
    }
    .start_a_Healthy_Life_Today_white{
        color: white;
    }
    .banner_description{
        color: white;
    }
    #naving{
        display: none;
    }
    #hamburger_lines{
        display: block;
        display : flex;
        flex: column;
        justify-content: center;
    }
    .radius-left{
        border-radius: 0 0 0 0;
    }
    .radius-right{
        border-radius: 0 0 0 0;
    }
    .remove_from_bigscreen{
        display: block;
    }
    .d-none-for-lappy{
        display: block;
    }
}
@media(min-width:577px) and (max-width:768px){
    #naving{
        display: none;
    }
    #hamburger_lines{
        display: block;
        display : flex;
        flex: column;
        justify-content: center;
    }
    .banner{
        /*background-image: url("");*/
        height: 80vh;
        /*background: black;*/
    }
    .slider_disappear{
        display: none;
    }
    .product-small-pic-height{
        height: 100px;
    }
    .frame-height{
        height: auto;
        overflow-y: none;
    }
    .remove_from_bigscreen{
        display: block;
    }
    .d-none-for-lappy{
        display: block;
    }
}
@media(min-width:769px) and (max-width:992px){
    #naving{
        display: none;
    }
    .frame-height{
        height: auto;
        overflow-y: none;
    }
    .slider_disappear{
        display: none;
    }
    #hamburger_lines{
        display: block;
        display : flex;
        flex: column;
        justify-content: center;
    }
    .product-small-pic-height{
        height: 100px;
    }
    .remove_from_bigscreen{
        display: block;
    }
    .d-none-for-lappy{
        display: block;
    }
}