@media screen and (max-width: 1500px) {
  #logo {
    top: 320px;
    left: 150px;
  }
  #on_img {
    bottom: 40px;
  }
  .banner {
    height: 900px;
  }
  .banner > .row {
    height: 900px !important;
  }
  .caret {
    bottom: 20px;
  }
}
@media screen and (max-width: 1336px) {
  .section {
    padding-top: 140px !important;
  }
  .p-content {
    font-size: 25px;
  }
  #logo {
    top: 300px;
    left: 150px;
  }
  #on_img {
    bottom: 20px;
  }
  .banner {
    height: 700px;
  }
  .banner > .row {
    height: 700px !important;
  }
}
@media screen and (max-width: 1200px) {
  #s1 > div > span {
    font-size: 50px;
  }
  .div-on-img-2 {
    padding-top: 200px;
    width: 500px;
    position: absolute;
    right: 100px;
  }
  .about-banner-img {
    height: 50%;
  }
  .contact-form {
    width: 70%;
    max-width: 70% !important;
    flex: none;
    margin: auto;
    margin-top: 30px;
  }
  .tagline {
    font-size: 100px;
  }
  .about-banner {
    height: 50vh !important;
  }
  #logo {
    top: 200px;
    left: 150px;
  }
  #on_img {
    bottom: 20px;
  }
  .p-content {
    font-size: 25px;
  }
  .section-touch {
    padding: 100px 50px;
  }
  .p-header {
    font-size: 35px;
  }
  .about-section {
    margin: 70px 10px;
  }
  .section-with-img {
    height: 500px;
  }
  .text-on-img > p {
    font-size: 30px !important;
  }
  .contact-left,
  .contact-right {
    display: none;
  }
  #text-over-img-header {
    font-size: 35px !important;
  }
  .footer-header {
    font-size: 25px;
  }
  .footer-content {
    font-size: 18px;
  }
  .footer-background-text {
    font-size: 100px;
  }
  .row {
    margin-right: 0px;
  }
}
@media screen and (max-width: 660px) {
  .banner {
    height: 100vh;
  }
  #s1 > div > span {
    font-size: 25px !important;
  }
  .s2-bold {
    font-size: 35px !important;
  }
  .s2-light {
    font-size: 25px !important;
  }
  .s2-bold-green {
    font-size: 35px !important;
  }
  .s2-light-white {
    font-size: 25px !important;
  }
  .contact-form {
    width: 95%;
    max-width: 95% !important;
    flex: none;
    margin: auto;
    margin-top: 30px;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .contact-banner {
    padding: 0px;
    height: 1000px;
  }
  .contact-left,
  .contact-right {
    display: none;
  }
  .tagline,
  .tagline-0 {
    font-size: 45px !important;
  }
  #ten_img {
    margin-top: 100px;
    position: relative;
    width: 60%;
  }
  #on_img {
    position: relative;
    bottom: 20px;
    width: 60%;
  }
  #logo {
    z-index: 10;
    width: 150px;
    top: 45%;
    left: 35%;
    position: absolute;
    text-align: center;
  }
  .section {
    padding: 0px;
    margin: 100px 0px;
  }
  .section-with-img {
    height: 100vh !important;
  }
  .section > div {
    width: 90%;
  }

  .p-content {
    font-size: 22px;
  }
  .p-header {
    font-size: 30px;
  }
  .section-1 {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 100px;
    margin: 0px;
  }

  .section-2 {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 100px;
    margin: 0px;
  }

  #box-img {
    margin-bottom: 30px;
    width: 400px;
  }

  #roll-img {
    width: 400px;
  }
  .banner-slider-img {
    height: 80vh;
    object-fit: cover;
    position: absolute;
    width: 100%;
  }
  .div-on-img-1,
  .div-on-img-3,
  .div-on-img-2 {
    text-align: center;
    padding-top: 300px;
    right: 40px;
    width: 300px;
    margin: auto;
    z-index: 999;
  }
  .div-on-img-1 > p {
    font-size: 30px;
  }
  .div-on-img-2 > p {
    font-size: 30px;
  }
  .div-on-img-3 > p {
    font-size: 30px;
  }
  .higlight-1,
  .higlight-3,
  .higlight-2 {
    padding: 10px 10px;
    font-size: 35px !important;
  }
  .higlight-1{
    margin: auto;
    width: 330px;
  }
  .higlight-2{
    margin: auto;
    width: 230px;
  }
  .higlight-3{
    margin: auto;
    width: 230px;
  }
  #banner-slider {
    height: 80vh;
  }
  #tagline {
    height: 50vw;
    display: block;    
  }
  .tag{
      text-align: center;
      top:100px !important;
      left: 0px;
  }
  .footer-background-text {
    top: 30px;
    left: 10px;
    font-size: 70px;
  }
  .about-banner-img {
    height: 100vh;
    object-fit: cover;
    position: absolute;
  }
  .about-banner {
    padding-left: 0px;
    height: 100vh !important;
  }
  .section-with-img {
    padding: 0px;
  }
  .text-on-img > p {
    font-size: 25px !important;
  }
  .text-on-img {
    width: 80%;
  }
  #scene {
    height: 60vh;
  }
  .section-touch {
    padding: 50px;
  }
  .tagline,.tagline-2 {
    font-size: 45px !important;
  }
  .tag {
    top: 300px;
  }
}