@media only screen and (max-width: 1240px){

   .zoi_content .peak{
        font-size: 35px;
        line-height: 45px;
   } 

  .zoi_content h1{
    padding: 30px 0;
  }
  .logo img{
    width: 35px;
  }
}

@media only screen and (max-width: 768px){

   .zoi_content .peak{
        font-size: 28px;
        line-height: 40px;
        padding-right: 0;
   } 

   .zoi_content h1{
    font-size: 56px;
    line-height: 66px;
 }
 .para_first .first_para{
    font-size: 24px;
    line-height: 34px;
    text-decoration-thickness: 1.5px;
}
.para_first .second_para{
    font-size: 24px;
    line-height: 34px;
}

header{
    padding-left: 40px;
    padding-top: 27px;
}
.zoi_content{
    left: 40px;
    width: 340px;
}


}

@media only screen and (max-width: 420px){

   

    .zoi_content{  
        width:90%;
        left: 5%;
    }
    .zoi_content h1{  
        font-size: 32px;
    }
    header{
        padding-left: 18px;
    }


    .ft_para{
        gap: 14px;
    }

}