@media screen and (min-width:800px) {
    .shah-img{
        margin-top: -100px !important;
    }
}
@media screen and (min-width:1000px) {
    #header .youtube-video video{
        height: 90vh ;
    }
}
@media screen and (min-width:992px) and (max-width:1030px) {
    .nav-item .nav-link{
        font-size: 15px;
        }
}
@media screen and (min-width:768px) and (max-width:992px){
    nav .navbar-brand{
        width: 70%;
    }
    nav .navbar-brand img{
        width: 150%;
    }
    h3.approvals{
        font-size: 20px !important;    
    }
    .gch-intr{
        /* height: 100% !important; */
        width: 100% !important;
    }       
}
@media screen and (max-width: 768px) {
    .navbar{
        background-color: black;
        transition: all 5s ease-out;
    }
    .render-img{
        display: none !important;
        bottom: 0% !important;
    }
    .portfolio img{
        width: 100%;
    }
    .portfolio{
        position: relative !important;
    }
    nav .navbar-toggler{
        margin: 0px auto;
    }
     nav .navbar-brand{
        width: 70%;
    }
     nav .navbar-brand img{
        width: 50%;
    }
    .punj-sec .dtl-btn .payment-plan,.dtl-btn .watch-btn{
        width: 70% !important;
        margin: 20px  0px;
    }
    .gch-intr{
        width: 100% !important;
    }
    .render-img img{
        width: auto;
        height: 200px !important;
        padding: 0px 25px;
    }
}
@media screen and (min-width:614px) and (max-width:1002px) {
    /* nav .navbar-brand{
        width: 70%;
     }
     nav .navbar-brand img{
        width: 30%;
     }
    nav .navbar-toggler{
        margin: 0px auto;
    } */
    .container-fluid .info-section{
        width: 35%;
        right: 0%;
        text-align: center;
    }
    hr.section-end{
        margin: 60px 0px;
    }
    .info-section{
        font-size: 12px;
    }
    .info-section .heading,.info-section h4{
        font-size: 15px;
    }
    #header .info-section .logo-img{
        width:35% !important;
    }
    
    .develpor-image.develpor-img-desk{
         display: block !important;
    }
    .develpor-image.develpor-img-mbl{
         display: none !important;
    }
    .karkhano-heading{
        font-size: 50px !important;
    }
} 
@media screen and (max-width: 614px) {
    .index-page .carousel-item img {
        width: 20% !important;
        margin: 5px;
    }
    .develpor-image.develpor-img-desk{
         display: none !important;
    }
    .develpor-image.develpor-img-mbl{
         display: block !important;
    }
    .var-heading.punj{
        font-size: 17px !important;
    }
    .karkhano-heading{
        font-size: 30px !important;
    }    
    /* #header{
        display: none;
    }
    #header-2{
        display: block;
        margin-top:90px;
        position: relative;
    } */
    hr.section-end{
        margin: 50px 0px;
    }
    .scl-heading p{
        font-size: 30px ;
    }
    .info-section-2{
        display: block;
        background-color: rgba(0, 0, 0, 0.511);
        position: absolute !important;
        padding: 20px 0px;
        top: 5%;
        left: 0%;
    }
    .info-section-2 .heading{
        color: #E5C74F;
        font-size: 20px;
        font-weight: bolder;
    }
    .info-section-2 img{
        width: 25%;
    }
    .info-section-2 .btn{
        background-color:#E5C74F;
    }
    .visually-hidden{
        display: none;
    }
     .reason-section .commercial-Hub-heading h1{
        font-size: 30px;
    }
    .commercial-invester h1,.invester-login h1{
        font-size: 28px;
        font-weight: bolder;
    }
    .shah-intro .shah-text{
        font-size: 30px;
    }    
    .valued-session .heading h1{
        font-size: 30px;
    }
    .valued-session .heading h2{
        font-size: 20px;
    }
    .container-fluid .info-section{
        width: 50%;
        right: 0%;
    }
    .info-section .heading{
        font-size: 20px;
    }
    .img-slider iframe{
        margin: 40px 0px;
        width:100%;
        height: auto;
    }
    /*contact-us start*/
    .feedback-form p.heading,.booking-office p.heading {
        font-size: 30px;
        margin: 20px 20%;
    }
    .feedback-form .send-btn .btn{
        padding: 10px 50px !important;
    }
    .call-us-btn .btn,.whats-app-btn .btn{
            width: 60% !important;
    }
    /*contact-us end*/
    #collapseWidthExample .card{
        width: 350px;
    }
     
    .notification .table td{
        font-size: 10px;
    }
    .notification h1{
        font-size: 25px !important;
        text-align: center;
    }
  }

@media screen and (min-width:420px) and (max-width:614px) {
    .container-fluid .info-section{
        width: 50%;
        right: 0%;
        text-align: center;
    }
    #header .info-section img{
        width: 40%;
    }
    .info-section .heading,.info-section h4{
        font-size: 15px;
    }
    .info-section p{
        font-size: 10px;
    }
    .info-section .payment-btn button{
        width: 50%;
        font-size: 8px;
    }
    .develpor-image.develpor-img-desk{
         display: none !important;
    }
    .develpor-image.develpor-img-mbl{
         display: block !important;
    }
    
}
@media screen and (max-width:420px) {
    nav .navbar-brand{
        width: 70%;
    }
    nav .navbar-brand img{
        width: 100%;
    }    
.commercial-and-login-invester .row .col-md-6{
        margin-top: 30px;
    }
.commercial-and-login-invester .row .col-12 h1{
    font-size: 30px;
}
.commercial-invester button,.invester-login button{
    margin-top: 15px;
}
.shah-intro h1 {
    font-weight: bolder;
}
.shah-yt-btn button{
    width: 80%;
}
.reason-section .shah-yt-video iframe{
    width:100%;
    height: auto;
}
.commercial-Hub-heading{
    padding: 20px 0px;
  }
.commercial-Hub-heading h1{
    font-weight: bolder;
    font-size: 20px !important;
}
.commercial-Hub-heading p{
    font-size: 15px;
}
.valued-session{
    padding: 0px;
}
.valued-session .carousel-caption h5,.valued-session .carousel-caption p{
    font-size: 12px;
} 
.brand-pics{
    margin: 50px 0px;
  }
#header .info-section img{
    width: 35%;
}
#header .info-section .heading,.info-section h4{
    font-size: 10px;
}
#header .info-section{
    text-align: center;
    font-size: 8px;
}
.info-section .payment-btn a{
    width: 80%;
    font-size: 10px;
}
.developer-brief-bgimg{
    height: 100px;
    width: 100%;
}
a.var-heading{
    font-size: 12px;
}
h3.approvals{
    font-size: 25px !important;    
}
h1.var-heading{
    font-size: 30px;
}
.property-prices .card-price{
    font-size: 25px !important;
}
.img-slider{
    margin: 2px 0px  !important;
}
.develpor-image .develpor-img-desk{
    display: none !important;
}
    .develpor-image .develpor-img-mbl{
        display: block !important;
    }
.punj-sec .dtl-btn .payment-plan,.punj-sec .dtl-btn .watch-btn{
    width: 100% !important;
    margin: 20px 0px;
}

.expo-mob-img{
    width:"100%";
    display:block;
}
 .expo-desk-img{
    width:"100%";
    display:none;
} 
.master-head {
    font-size: 22px !important;
}
.versios-head{
    font-size: 15px !important; 
}
}