@media (max-width: 768px) {
.headertwo{
    display: none;
}
.headerthree{
    display: none;
}
.headerone {
    width: 90%;
    align-items: center;
}
.headerone p{
    font-size: 15px;
}
.beauty{
    flex-direction: column;
        padding: 90px 20px 30px 20px;
}
.headers{
    padding: 20px;
}
.beautyone{
    width: 100%;
    order: 2;
}
.hone {
border-left: 0px;
border-right: 0px;
}
.beautytwo{
    
    order: 1;
    height: auto;
   width: calc(100% + 40px);
  margin: 0px -20px;
    
}
.beautythree {
    padding: 50px 0px 0px 0px;
    
}
.beautyone {
    padding: 50px 0px 0px 0px;
   
    
}
.tank .technology {
    padding: 20px 20px;
}
.feature{
    padding: 40px 20px 0px 20px;
}
.subscribe-box {
    flex-direction: column;
}
.be {
    padding: 20px;
}
.technology {
    padding: 30px 20px;
}
.beautythree{
    order: 3;
    width: 100%;
}
.attention {
    padding: 0px 20px;
}
.publicone {
    font-size: 40px;
    padding-top: 30px;
}
.getthe {
    width: 100%;
    margin: 0;
}
.health{
    flex-direction: column;
}
.healthone {
    width: 100%;
}
.healthtwo {
    width: 100%;
}
.healththree {
    width: 100%;
}
.attention {
    flex-direction: column;
}
.health{
    display: flex;
    padding: 60px 20px 40px 20px;
}
.healthone img {
    
    height: 300px;
}
.health .innovative {
        padding-bottom: 20px;
}
.the {
    font-size: 40px;
  
    line-height: 40px;
    padding: 20px 10px;
}
.attentionone {
    width: 100%;
}
.attentiontwo {
    width: 100%;
}
.attentionthree {
    width: 100%;
}
.attentionfour {
    width: 100%;
}
.technology {
    flex-direction: column;
}
.technologyone {
    width: 100%;
}
.technologytwo {
    width: 100%;
}
.technologythree {
    width: 100%;
}
.subscribe-box input {
    padding: 15px 0px 15px 20px;
}
.foot {
    flex-direction: column;
}
.footerone{
    width: 100%;
}
.footertwo{
    width: 100%;
    text-align: left;
}
.footerthree{
    width: 100%;
}
.footerfour{
    width: 100%;
}
.footerfive{
    width: 100%;
}

.beautytwo img {
    height: 350px;
}
}
@media only screen and (min-width: 820px) and (max-width: 1180px) {
 .hamburger {
    display: flex;
  }
  .headertwo,
  .headerthree {
    display: none;
  }

  .headerone {    
    display: flex;
    justify-content: space-between;
  }
  .headerone {
    width: 90%;
    align-items: center;
    padding: 10px 0px;
}
.hone {
    font-size: 3.5vh;
    border-right: 0px;
    border-left: 0px;
}
.beautytwo {
    height: auto;
}
body{
    overflow-x: hidden;
}
}

/* category page */

@media (max-width: 768px) {

.cmainn{
    flex-direction: column;
}
.cmainone {
    width: 100%;
}
.cmaintwo {
    width: 100%;
}

}

/* detailed page */

@media (max-width: 768px) {

    .dtransform{
        flex-direction: column;
    }
.dtransformone {
    width: 100%;
}
.drelated {
    padding: 60px 20px;
}
.dtransformtwo {
    width: 100%;
}
.tempora{
    padding-right: 0px;
}
.dtransfor {
    font-size: 48px;
}
.dtransformone img {
    padding: 20px 0px;
}
.nobis {
    padding: 30px 20px 30px 20px;
    
}
.dtransformtwo{
display: none;
}
.dtransform {
    padding: 120px 20px 60px 20px;
}
.drelate{
    flex-direction: column;
}
.drelatedone {
    width: 100%;
}
.drelatedtwo {
    width: 100%;
}

.drelatedthree {
    width: 100%;
}


}


@media only screen and (min-width: 820px) and (max-width: 1180px) {
.dtransform {
    display: flex;
    padding: 90px 30px;
}
}