@media only screen and (max-width: 1280px) {
.banner-2-img img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}

.apo-main-area {
  padding: 30px 50px;
}
.popup-inner {
  width: 55%;
}




}

@media only screen and (max-width: 1024px) {
.up-text p {
    font-size: 13px;
}

.popup-inner {
  width: 70%;
}



}


@media only screen and (max-width: 912px) {
  .upper-nav{
    display: none;
  } 
    
  .head-text h1 {
    font-size: 45px;
}
.banner-2-img img {
  height: 350px;
}
    




    }



    @media only screen and (max-width: 768px) {
    .head-text h1 {
      font-size: 26px;
  }

.com-img img{
  width: 100%;
}



    }




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

  .playing {
    display: none !important;
}
.apo {
  width: 25%;
  top:  0%;
  right: 0%;
  transform: translateY(-0%);
  top: none;
}
.apo img{
  width: 100%;
}

.popup-inner {
  width: 90%;
}
.pop-head h1 {
  font-size: 25px;
}
.btn-floating {
    left: 5px;
}

}




  @media only screen and (max-width: 540px) {
  .banner-2-img img {
    height: 300px;
}
#button {
  width: 40px;
  height: 40px;
}
#button::after {
  font-size: 20px;
  line-height: 42px;
}
#button {
    right: 5px;
}

  }


  @media only screen and (max-width: 430px) {
 
    .head-text h1 {
      font-size: 30px;
  }
  .banner-2-img img {
    height: 250px;
}
.banner-2-text h1 {
  font-size: 30px;
}
.apo {
  width: 30%;
}

.apo-main-area {
  padding: 30px 20px;
}
.pop-head h1 {
  font-size: 22px;
}


  }


  @media only screen and (max-width: 375px) {
  .head-text h1 {
    font-size: 25px;
}
.pop-head h1 {
  font-size: 19px;
}



}

/* start footer */


  @media only screen and (max-width: 1280px) {
    .foot-top {
      width: 97%;
      background-position: center;
  }




  }


  @media only screen and (max-width: 1024px) {
  .foot-top-con {
    flex-direction: column;
    gap: 50px;
    justify-content: center;
}
.foot-area-2 {
  width: 80%;
  margin: 30px auto 0;
  text-align: center;
}
.foot-cont {
  justify-content: center;
}

.foot-area-3 {
  width: 45%;
  margin: 0 auto;
  text-align: center;
}
.quick {
  align-items: center;
  justify-content: center;
}
.foot-area-1 {
  width: 40%;
  margin: 0 auto;
}
.foot-area-4 {
  width: 36%;
  margin: 0 auto;
}
.foot-area-4 iframe {
  width: 100%;
}




  }

  @media only screen and (max-width: 912px) {
  .foot-area-4 {
    width: 49%;
}



  }
  @media only screen and (max-width: 712px) {
  .foot-area-4 {
    width: 66%;
}
.foot-area-1 {
  width: 50%;
}


  }

  @media only screen and (max-width: 540px) {
  .con-top h3 {
    font-size: 23px;
}
.foot-head h1 {
  font-size: 24px;
}



  }

  @media only screen and (max-width: 430px) {
  .foot-area-4 {
    width: 86%;
    margin: 0 auto;
}



  }

  @media only screen and (max-width: 393px) {
    .foot-area-4 {
        width: 96%;
        margin: 0 auto;
    }
    .con-top h3 {
      font-size: 21px;
  }

}
@media only screen and (max-width: 375px) {
    .foot-area-1 {
        width: 70%;
    }
    .foot-area-4 {
      width: 100%;
  }
  .foot-area-bot-text p {
    font-size: 13px;
}

  }

/* end footer */