@media screen and (min-width: 481px){
    .t-onemedia, .servicemedia, .cube-media{
      display: none;
    }
  }


@media screen and (max-width: 480px){
  body {
    overflow-x: hidden;
  }
      /* nav */
    nav {
    height: 5vh;  /* Adjust height for smaller screens */
    padding: 2vh 5vw;  /* Adjust padding for smaller screens */
    font-size: 2.5vw;   /* Increase font size for better readability */
  }

  .nav ul li a {
    padding: 2vw 2vw; /* Adjust padding inside links for smaller screens */
  }

  .nav ul li:nth-child(4) {
    border-width: 0.3vw; /* Slightly thicker border on smaller screens */
  }
    .logo h2 {
        font-size: 2.5vw; /* Increase font size */
        }
        
    .red-o {
        width: 4.5vw; /* Increase width */
        height: 4.5vw; /* Increase height */
        border: 1.1vw solid #FD0707; /* Increase border size */
        }
      /* section one */
       .one{
        flex-direction: column;
        height: 64vh;
        margin-top: -8vw;
      }
      .text{
        width: 100vw;
        padding-left: 12%;
        padding-top: 30%;
      }
      .text .t-two{
        font-size: 3vw;
        margin-top: 1vh;
      }
      .text h1{
    padding-left: 7%;
  }
  .first-ani{
    margin-left: 44.5%;
    overflow: hidden;
  }
  @keyframes rise {
    from {
      bottom: 62.8%; /* Start from the bottom */
    }
    to {
      bottom: 65.3%; /* Move to the top */
    }
  }
  .box-one{
    width: 40vh;
    height: 40vh;
  }
  .box-two{
    height: 20vh;
    width: 20vh;
  }
  /* section two */
   #aboutus {
    flex-direction: column;
    height: 50vh;
   }
   .second-ani{
    margin-bottom: 2vh;
   }
   .heading{
     display: none;
   }
   .t-onemedia{
     font-size: 300%;
     justify-content: center;
     display: flex;
     padding-left: 0%;
   }
   .t-two{
     font-size: 3vw;
     margin-top: 2vh;
     padding-left: 3vh;
   }
   /* section three */
   .t-three{
    font-size: 2.5vw;
    letter-spacing: 1px;
   }
   .ani-three{
    padding-left: 9vh;
   }
   /* Section four */
   .r-t p{
    font-size: 2.2vw;
  }
  /* section five */
  .fifth{
    flex-direction: column;
    height: 82vh;
  }
  .t-five{
    display: none;
  }
  .servicemedia{
    display: inline;
  }
  .fifth-text{
    margin-top: -7vh;
    padding-left: 12%;
    width: 100%;
  }
  .fifth-text h3 {
    font-size: 3.5vw;
    line-height: 4vw;
  }
  .s-dot{
    font-size: 6vw;
  }
  .p-red{
   font-size: 2.5vw;
   padding-top: 1vh;
  }
  .p-dtls {
    font-size: 2vw;
    line-height: 3vw;
    font-weight: 550;
   }
    /* section six */
    .sixth{
      display: flex;
      flex-wrap: wrap;
      height: 48vh;
   }
   .sixth-text, .semi-circle {
    display: flex;
    flex: 1;
    order: 2;
    margin-top: -30vw;
   }
   .semi-circle{
    padding-left: 7%;
   }
   .sixth-text{
    font-size: 120%;
   }
   .responsive-container{
    display: none;
  }
  .mobile-cube {
    order: 1; /* Move the .mobile-cube to the top */
  align-self: center; /* Center the cube horizontally */
  padding-bottom: 2vh; /* Add spacing below the cube */
  }
  .mobile-cube img {
    height: 70vw;
    width: 70vw;
  }
  /* cube start */
  /* .responsive-container{
    display: none;
  }
  .cube-wrapper {
    width: 28vw; 
    height: 28vw;
    perspective: 1000px;
    cursor: grab;
    margin-right: 3vw;
  }
  .cube-holder{
    width: 100%;
    padding-left: 35%;
    order: 1;
    margin-bottom: -40%;
    margin-top: -10%;
    display: flex;
   }
  .cube {
    width: 100%;
    height: 100%;
    position: relative;
    transform-style: preserve-3d;
    animation: rotateCube 10s infinite linear;
  }
  
  @keyframes rotateCube {
    from { transform: rotateX(-30deg) rotateY(-30deg); }
    to { transform: rotateX(-390deg) rotateY(-390deg); }
  }
  
  .face {
    position: absolute;
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    background-color: transparent;
  }
  
  .square {
    background-color: inherit;
    border: 2px solid black;
  }
   .front  { transform: rotateY(  0deg) translateZ(14vw); background-color: red; }
   .back   { transform: rotateY(180deg) translateZ(14vw); background-color: orangered; }
   .right  { transform: rotateY( 90deg) translateZ(14vw); background-color: blue; }
   .left   { transform: rotateY(-90deg) translateZ(14vw); background-color: yellow; }
   .top    { transform: rotateX( 90deg) translateZ(14vw); background-color: green; }
   .bottom { transform: rotateX(-90deg) translateZ(14vw); background-color: white; } */
/* .responsive-container{
  padding-right: 35vw;
  margin-top: -50vw;
  margin-bottom: -50vw;
} */

   /* section seven */
   .seventh {
    flex-direction: column;
    height: 48vh;
    margin: 0;
    margin-bottom: 12vw;
   }
   .stripe-container {
    height: 75%;
    width: 100%;
    align-items: center;
    justify-content: center;
   }
   .stripe{
  background-size: 100% 1rem;

   }
   .stripe-container img{
    padding-left: 25%;
    height: 48vw;
   }
   .seventh-text{
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    margin-bottom: 0;
   }
   .s-text, .s-btn{
    font-size: 130%;
   }
   /* footer start */
   .footer{
    flex-direction: column;
    height: 44vh;
   }
   .f-img{
    height: 18vh;
    width: auto;
    margin-bottom: 0;
    border-bottom: .1px solid red;
   }
   .f-logo h2{
    font-size: 4.5vw;
    margin-left: 8vw;
   }
   .white-o{
    top: -13vh;
    right: 1vw;
    left: 53%;
	  width: 7.5vw;
	  height: 10vw;
    border: 1.7vw solid red;
   }
   .f-add{
    margin: 0;
    justify-content: space-around;
   }
   .office-info h5, .info-text, .social-add h5, .social-text{
    font-size: 2.5vw;
   }
   .info-text .pmedia, .info-text p a{
    line-height: 1.5vh;
   }
   .copyright {
    width: 100%;
    margin-top: 72%;
    right:  0;
    padding: 1.3vw 0;
    justify-content: space-around;
  }
  .copyright h3 {
    font-size: 2.5vw;
    margin-left: 2vw;
  }
  .copyright p{
    font-size: 2.1vw;
  }

}
 /* iphone14 pro max */
@media screen and (max-width: 430px){
  .footer{
    flex-direction: column;
    height: 37vh;
   }
   .stripe-container img{
    padding-left: 25%;
    height: 45vw;
   }
}

/* iphone se  */
@media screen and (max-width: 375px){
  .one{
    height: 64vh;
  }
  @keyframes rise {
    from {
      bottom: 62.5%; /* Start from the bottom */
    }
    to {
      bottom: 65.5%; /* Move to the top */
    }
  }
  .fifth{
    height: 85vh;
  }
  .sixth{
    height: 52vh;
  }
  .seventh{
    height: 52vh;
  }
  .footer{
    height: 44vh;
  }
  .f-img{
    height: 20vh;
  }
}
/* iphone xr */
@media screen and (max-width: 414px){
  .first-ani{
    margin-left: 42%;
    width: 58%;
  }
  .seventh{
    height: 41.5vh;
  }
}
/* iphone 12pro */
@media screen and (max-width: 390px){
  .seventh{
    height: 42vh;
  }
}

/* pixel 7, samsung galaxy s20 ultra,samsung galaxy a51/71*/
@media screen and (max-width: 412px){
  .fifth{
    height: 67vh;
  }
  .seventh{
    height: 40vh;
  }
  .footer{
    height: 35vh;
  }
}
/* samsung galaxy s8+ */
@media screen and (max-width: 360px){
  @keyframes rise {
    from {
      bottom: 64%; /* Start from the bottom */
    }
    to {
      bottom: 66.3%; /* Move to the top */
    }
  }
  .fifth{
    height: 72vh;
  }
  .seventh{
    height: 47vh;
  }
  .footer{
    height: 38vh;
  }
}
/* galaxy z fold 5 */
@media screen and (max-width: 344px){
  .first-ani{
    margin-left: 39.5%;
    width: 61%;
  }
  .box-one{
    width: 35vh;
    height: 35vh;
  }
  .box-two{
    height: 20vh;
    width: 20vh;
  }
  .one{
    height: 50vh;
  }
  @keyframes rise {
    from {
      bottom: 71.5%; /* Start from the bottom */
    }
    to {
      bottom: 73.4%; /* Move to the top */
    }
  }
  #aboutus{
    height: 40vh;
  }
  .fifth{
    height: 57vh;
  }
  .sixth{
    height: 45vh;
  }
  .seventh{
    height: 38vh;
  }
  .footer{
    height: 31vh;
  
  }
  .f-img{
    height: 15.5vh;
  }
}

/* ..........end........... */