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

.toggler{
  border: none;
  display: unset;
}

.cb{

  width: 100%;
  margin-top: 20px;
}


/*-----------------2nd---------------------*/

.frame{
  min-height: auto;
  margin-left: 0px;
  margin-top: -20px;
  margin-right: 0px;

  border-radius: 16px 16px 0px 0px;

}

.frame h2{
  font-size: 24px;
  line-height: 26px;
  color: #E7F0FB;
  padding-left: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.frame p{
  font-size: 14px;
  line-height: 20px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 20px;

  font-weight: 400px;
}

/*--------------------right-------------------------*/

.frame1 p{
  padding-left: 50px;
  padding-top: 25px;
  padding-bottom: 25px;
  font-size: 24px;
  line-height: 26px;

}

.frame2 h2{
  font-size: 20px;
  line-height: 32px;
  padding-bottom: 0px;
  padding-left: 0px;

  text-align: center;
}

.frame2 p{
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #031B39;

  padding-left: 50px;
  padding-right: 50px;
  padding-bottom: 0px;

  text-align: center;
}

/*--------------------3rd---------------------------*/

.forward{
  margin-top: 30px;
  padding-top: 30px;
  margin-bottom: 40px;
}

.forward h2{
  padding-top: 0px;
  padding-left: 20px;
  padding-bottom: 10px;
  padding-top: 10px;
}

.forward p{
  padding-left: 20px;
  padding-bottom: 30px;
}

/*------------------image overlay----------------------------*/

.forward .overlay {
  width: 240px;
  height: 200px;
  border-radius: 16px;
}

.forward .c {
  display: flex;
  justify-content: center;
}

.forward .image {
  width: 240px;
  height: 200px;
  border-radius: 16px;
}

.forward .overlay p{
  color: #E7F0FB;
  font-size: 28px;
  font-weight: 700;
  line-height: 32px;
  padding: 25px 0px 0px 0px;
}
 
.forward .overlay img{
  margin: 10px -5px 0px -5px;
}


/*---------------------director note------------------------------------*/

.dn{
  background: url('../img/director.png');
  background-size: auto;
  background-position: center;
  width: auto;
  height: 752px;
  background-repeat: no-repeat;
}


.dn .box{
  width: 100%;
  margin-top: 5%;
  margin-left: 0%;
  justify-content: center;


}

.dn .box img{
  border-radius: 7px;
  width: 120px;
  padding-bottom: 0px;
}

.dn .box p{
  font-weight: 700;
  font-size: 12px;
  line-height: 19px;
  
  color: #E7F0FB;
  text-align: center;
  padding-right: 20px;
}


.dn .col-lg-3 p{
  width: 100%;
  font-weight: 700;
  font-size: 24px;
  line-height: 46px;
  color: #E7F0FB;
  transform: none;
  margin-top: 80px;
  margin-bottom: 40px;

  text-align: center;
}



.dn .col-lg-5{
  padding-top: 0px;
}

.dn .col-lg-5 p{
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #E7F0FB;
  width: auto;
  text-align: center;

}


/*------------------footer-------------------------*/

.footer{
   height: auto;
   margin-top: 20px;
}

.foverlay {
  width: 100%;
  height: auto;
  background: #031B39;
  mix-blend-mode: hard-light;
  background-repeat: no-repeat;
  background-size: cover;
}

.fimage {
  width: 100%;
  height: auto;
  background-repeat: no-repeat;
  background: url('../img/AdobeStockf.png');
  background-size: cover;
  background-position: center;
}

.f1{
  margin-top: 47px;
}

.f2, .f3, .f4 {
  margin-top: 40px;
}

.f4{
  margin-top: 40px;
  padding-bottom: 40px;
}


/*-----------------form-----------------------*/

.popform .con{
  margin-left: 10px;
  margin-right: 10px;

}


}

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

.dn .col-lg-3 p{
  width: 100%;
  font-weight: 700;
  font-size: 24px;
  line-height: 26px;
  color: #E7F0FB;
  transform: none;
  margin-top: 20px;
  margin-bottom: 5px;
  text-align: center;
}

.dn .box img{
  border-radius: 7px;
  width: 80px;
  padding-bottom: 0px;
}

.dn .box p {
  width: 100px;
}

.dn .col-lg-5 p{
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  color: #E7F0FB;
  width: 100%;

}

.dn .col-lg-3 p{
  width: 100%;
  font-weight: 700;
  font-size: 20px;
  margin-top: 30px;
  margin-bottom: 5px;

  text-align: center;
}

}