@media screen and (min-width: 1200px) {
   #popu-box{
    width:700px;
          margin-left: auto;
  margin-right: auto;
  }
  .hd{
    font-size: 2.5rem!important
  }
}
@media screen and (max-width: 1200px) {
   #popu-box{
    width:700px;
      margin-left: auto;
  margin-right: auto;

  }
   .hd{
    font-size: 2.5rem!important
  }

}
@media screen and (max-width: 800px) {
   #popu-box{
    width:600px;
          margin-left: auto;
  margin-right: auto;
  }
   .hd{
    font-size: 2.5rem!important
  }

}
@media screen and (max-width: 600px) {
   #popu-box{
    width:400px;
          margin-left: auto;
  margin-right: auto;
  }
   .hd{
    font-size: 2.5rem!important
  }

}
@media screen and (max-width: 700px) {
   #popu-box{
    width:500px;
          margin-left: auto;
  margin-right: auto;
  }
   .hd{
    font-size: 2.5rem!important
  }

}
@media screen and (max-width: 500px) {
   #popu-box{
    width:350px;
    height:300px;
          margin-left: auto;
  margin-right: auto;

  }
  .mailimg{
    display: none !important;
    margin-top:-10px !important;
              margin-right: 50px !important;
              width: 150px !important;
  }

  .hd{
    margin-top:-40px !important;
    font-size: 1.5rem!important;
  }
  .x{
    margin-top: -50px !important;
  }
  #cook{
    height: 750px !important;
    font-size: 16px !important;
  }
}