@media (max-width:600px) {
  .nav h5 {
    display: none;
  }

  .nav {
    margin-top: -11%;
    position: absolute;
  }

  #main {
    position: relative;
    height: 3600px;
  }

  .logo-nav {
    width: 50vh;
    height: 50%;
    margin-left: 2%;
  }

  .icon-nav {
    width: 8%;
    height: 8%;
  }

  .page1 {
    height: 30vh;
  }

  .page1-cards {
    display: none;
  }

  .miranda {
    margin-top: 15%;
  }

  .miranda h1 {
    font-size: 7rem;
    /* padding-left: 30px; */
    letter-spacing: 0;

  }

  .page2 {
    height: 100%;
    margin-top: 20%;
    /* background-color: red; */
    display: flex;
    flex-direction: column;
  }

  .leftdiv {
    margin-top: 2%;
    /* background-color: aqua; */
    width: 100%;
    height: 200%;
  }

  .leftdiv h1 {
    font-size: 4.5rem;
    margin-left: 8%;
  }

  .leftimgdiv {
    width: 50%;
    height: 50%;
    margin: 5%;
  }

  .leftdiv p {
    font-size: 1.5rem;
  }

  .rightdiv {
    /* background-color: blue; */
    width: 100%;
    margin-top: 5%;

  }

  .rightdiv img {
    width: 70%;
    margin: 5%;
    /* background-color: aqua; */
    /* height: 00%; */
  }

  .rightdiv h1 {
    font-size: 10rem15rem;
    line-height: 1.5em;

  }

  .page3 {
    height: 100%;
    display: flex;
    flex-direction: column;
    /* background-color: red; */
  }

  .upperdiv {
    width: 100%;
    margin-top: 2%;
    height: 20%;
    /* background-color: aqua; */
  }

  .heading {
    width: 100%;
    height: 100%;
    margin-top: 5%;
    margin-bottom: 5%;

  }

  .heading h1 {
    font-size: 20rem15rem;
    margin-inline: auto;
    letter-spacing: 0;
  }

  .upperdiv img {
    display: none;
  }

  .alignment {
    display: flex;
    /* height: 00%; */
    flex-direction: column;
    /* background-color: aqua; */
  }

  .page3left {
    width: 100%;
    height: 80%;
    border: none;
  }

  .cardsdiv {
    margin-top: 2%;
    width: 100%;
    height: 30%;
    /* background-color: antiquewhite; */
  }

  .page3card1 {
    width: 50%;
    height: 100%;
    /* background-color: black; */
  }

  .page3card2 {
    width: 50%;
    height: 100%;
    /* background-color: black; */
  }

  .page3card1 h1 {
    font-size: 1.3rem;

  }

  .page3card2 h1 {
    font-size: 1.3rem;

  }

  .page3card1 h3 {
    font-size: 1.2rem;

  }

  .page3card1 p {
    font-size: 1.2rem;

  }

  .page3card1 p span {
    font-size: 1.2rem;
    margin-left: 2%;
  }

  .page3card2 p {
    font-size: 1rem;

  }

  .page3imgdiv {
    margin-top: 5%;
  }

  .page3right {
    width: 100%;
    height: 50%;
    position: relative;
  }

  .page3right h2 {
    font-size: 3rem;
    margin-left: 4%;
    letter-spacing: 0;
    text-align: center;
  }

  .page3right h1 {
    font-size: 4rem;
    margin-top: 2%;
    text-align: center;
    /* line-height: 1em; */

  }

  .page3right p {
    font-size: 1.2rem;
    /* margin-top: -1.5%; */
  }

  .swiper {
    margin-top: 10%;
    width: 200px;
    height: 20vh;
    /* margin-left: 15%; */
    /* height: 20%; */
    /* z-index: 99; */

    /* position: absolute; */
  }

  .swiper h3 {
    font-size: 2rem;

  }

  .swiper img {
    width: 50%;
    height: 50;
  }

  .page4 {
    /* margin-top: 200px; */
    width: 100%;
    height: 130vh;
    /* background-color: red; */
    display: flex;
    flex-direction: column;
  }

  .slider {
    width: 100%;
    height: 50%;
    display: block;


  }

  #cards:nth-child(1) {
    width: 98%;
  }

  #cards:nth-child(2) {
    display: none;
    z-index: 1;

  }

  #cards:nth-child(3) {
    display: none;
  }

  #cards:nth-child(4) {
    display: none;
  }



  .innerdiv div p {
    font-size: 1.2rem;
  }

  .ctc h1 {
    font-size: 2rem;
  }

  .ctc {
    width: 50%;
    height: 30%;
    margin-top: 3%;
  }

  .lineslider {
    width: 100%;
    height: 15%;
  }

  .lineslider h1 {
    font-size: 2rem;
    letter-spacing: 0;
  }

  .footer {
    display: flex;
    flex-direction: column;
  }

  .left {
    display: flex;
    height: 50%;
    flex-direction: column;
  }

  .left h1 {
    font-size: 2rem;
    width: 150%;
    margin-left: 40%;
    /* background-color: aqua; */
  }

  .left img {
    display: none;
  }

  .left p {
    font-size: 2rem;
    display: none;
  }

  .right {
    margin-top: 8%;
    width: 50%;
    display: flex;
    flex-direction: column;
    /* height: 50%; */
  }

  .right h1 {
    font-size: 2rem;
    line-height: 1.5em;
    margin-inline: auto;
  }
}