@media (min-width:1921px){
    .parallax_wrapper .parallax_img{
        bottom: 70%;
    }
    .parallax_wrapper{
        height: 75vh;
    }
}
@media (min-width:1500px) {
    .startheading {
        left: 50%;
        top: 4%;
        transform: translateX(-50%);
    }
    .moon {
        width: 150px;
        height: 150px;
    }
    @keyframes heading {
        0%{
            top: 20%;
        }
        100%{
            top: 4%;
        } 
    }

    .startheading h1 {
        font-size: 108px;
    }

    .bg-1::before {
        height: 110%;
        z-index: 10;
    }
}
@media (min-width:2400px) {
    .startheading {
        top: 4%;
        transform: translateX(-50%);
    }
    .welcome_section {
        padding-bottom: 370px;
    }
    .startheading h1 {
        font-size: 140px;
    }
    .parallax_wrapper {
        height: 100vh;
    }
}
@media (min-width:3000px) {
    .startheading {
        top: 5%;
        transform: translateX(-50%);
    }
    .welcome_section {
        padding-bottom: 370px;
    }
    .startheading h1 {
        font-size: 160px;
    }
    .parallax_wrapper {
        height: 100vh;
    }
}

@media screen 
and (min-width: 1920px)
and (max-height: 1080px){
    .startheading {
        top: 8% !important;
    }
    @keyframes heading {
        0%{
            top: 20%;
        }
        100%{
            top: 8%;
        } 
    }
    .startheading h1 {
       font-size: 105px !important;
    }
    .parallax_wrapper .parallax_img {
        bottom: 70%;
      }
    
}

@media screen 
and (min-width: 1920px)
and (max-height: 1200px){

    .startheading {
        top: 8%;
    }
    @keyframes heading {
        0%{
            top: 20%;
        }
        100%{
            top: 8%;
        } 
    }
    .startheading h1 {
       font-size: 100px;
    }
    }
@media screen 
and (min-width: 3024px)
and (max-height: 1964px){
    .startheading {
        top: 8% !important;
    }
    @keyframes heading {
        0%{
            top: 20%;
        }
        100%{
            top: 8%;
        } 
    }
    .startheading h1 {
       font-size: 85px !important;
    }
}
@media(max-width:1440px){
    .startheading {
        top: 5%;
    }
    @keyframes heading {
        0%{
            top: 20%;
        }
        100%{
            top: 8%;
        } 
    }
    .parallax_wrapper {
        height: 100vh;
    }
}
@media(max-width:1360px){
    .startheading {
        top: 2%;
    }
    @keyframes heading {
        0%{
            top: 20%;
        }
        100%{
            top: 2%;
        } 
    }
    .startheading h1 {
        font-size: 80px;
    }
}

@media(max-width: 1300px){
    .parallax_wrapper .parallax_img {
        bottom: 75%;
    }
}
@media(max-width:1024px){
    .startheading h1 {
        font-size: 60px;
    }
    .startheading {
        top: -20px;
        width: 70%;
    }
    @keyframes heading {
        0%{
            top: 80px;
        }
        100%{
            top: 25px;
        } 
    }
    .moon {
        width: 100px;
        height: 100px;
        top: 75px;
    }

    .parallax_wrapper .parallax_img:nth-child(2)::before {
        content: "";
        position: absolute;
        bottom: -40px;
        left: 0;
        width: 100%;
        height: 30px;
        background-color: #fff;
    }
}
@media(max-width:991px){
    .mobile_version{
        display: block;
    }
    .desktop_about{
        display: none;
    }
}
@media(max-width:834px){
    .parallax_wrapper {
        height: 55vh;
    }
    .project-section {
        margin-top: -40px;
    }
}

@media(max-width:767px){

    .startheading {
        top: 12px;
    }
    header::before {
        height: 70%;
    }
    @keyframes heading {
        0%{
            top: 60%;
        }
        100%{
            top: 50%;
        } 
    }
    .startheading h1{
        font-size: 40px;
    }
    .desktop{
        /* display: none; */
    }
    .mobile{
        display: block;
        width: 80%;
    }
    /* .parallax_wrapper {
        min-height: 80vh;
    } */


    .row_bg {
        padding: 60px 0px;
        border-radius: 20px;
        margin: 60px 20px;
        min-height: 600px;
    }
 
    .startheading{
        position: absolute;
        top: 0%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 134px;
        width: 100%;
    }
    .startheading h1 {
        font-size: 60px;
        text-align: center;
    } 
    .moon {

        top: 100px;
    }
}
@media(max-width:575px){
    .parallax_wrapper .parallax_img:nth-child(3) {
        bottom: 105px;
        width: 161%;
        margin-left: -100px;
    }
    .parallax_wrapper .parallax_img {
        bottom: 80%;
    }
    .parallax_wrapper .parallax_img:nth-child(1) {
        z-index: 8;
        bottom: 50px;
        width: 200%;
        margin-left: 0;
    }
    .parallax_wrapper .parallax_img:nth-child(2) {
        z-index: 7;
        bottom: 125px;
        width: 150%;
    }
    .project-section {
        margin-top: -150px;
    }
    .parallax_wrapper {
        height: 70vh;
    }
    .lighting img {
        width: 20%;
    }
    .startheading h1 {
        font-size: 45px;
        text-align: center;
    } 
    @keyframes heading {
        0%{
            top: 60%;
        }
        100%{
            top: 50%;
        } 
    }
    .moon{
        left: 70%;
        width: 65px;
        height: 65px;
        top: 120px;
    }
    .parallax{
        transform: translate(0px, 0px) !important;
    }
   
    .lighting {
        width: 100%;
        bottom: 10%;
    }

    .parallax_wrapper img {
        height: auto;
    }

    .row_bg {
        padding: 30px 15px;
        min-height: 730px;
        align-items: center;
    }
  
    
}
@media(max-width:425px){
    
    @keyframes heading {
        0%{
            top: 60%;
        }
        100%{
            top: 50%;
        }  
    }
    header .blink img:nth-child(8) {
        left: 90%;
        top: 45%;
    }
    .row_bg {
        min-height: 700px;
    }
}