body {margin: 0; padding: 0;}
        a { text-decoration:none; }


    .header {
        width: 100%;
        background: #008d1d;
        margin-bottom: 20px;
    }

    .geek1{
        color: #fff;
        font-weight: 600;
    }


    .marq {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .nav{
        width: 100%;    
        float: left;
    

    }

    .nav-img {
        width: 40%;
        float: left;
    }

    .nav-img img {

        width: 100px;
    }

    .nav-img-second {
        width: 40%;
        float: left;
    }

    .nav-img-second img{
        width: 100%;
        float: left;
    }

    


    .nav-email {
        width: 100%;
        float: left;
       

    }

    .nav-email a {
        font-size: 15px;
        color: #000;
        font-weight: 600;
        text-decoration: none;

    }

    .nav-contect {
        width: 100%;
        float: left;
        text-align: right;

    }

    .nav-contect a{
        width: 100%;
        font-size: 19px;
        font-weight: 700;
        text-decoration: none;
        color: #000;


    }

    .nav-button {
        width: 100%;
        float: left;


    }

     .nav-button a {
       font-size: 17px;
       color: #fff;
       text-decoration: none;
       font-family: Roboto,sans-serif;
   
    }

     .nav-button a img {
       width: 25px;
   
    }

    .icon{
        width: 100%;
        float: left;
    }

    .icon-b img{
        width: 25px;
    }


    .btn{
        background:#008d1d;
        border: none;
        border-radius: 50px;
        paadding: 10px 24px;
    }


    .btn:not hover {
        background:#008d1d;
    }

    .top-para {
        width: 100%;
        float: left;
        margin-bottom: 30px;    
        background: #F1FFEE;
    }

    .left-para{
        width: 40%;
        float: left;
    }

    .para-info{
        width: 100%;
        text-align: center;
    }

    .top-heading {
        width: 100%;        
        float: left;    
        background: #008d1d;
        padding: 15px;
        margin-bottom: 20px;
    }


    .top-heading h2{
        font-family: "Roboto", Sans-serif;
        font-size: 60px;
        font-weight: 600;   
        line-height: 52px;
        color: #fff;
        text-align: center;
        margin:10px;
    }

    .top-para h3{
        font-family: "Roboto", Sans-serif;
        font-size: 36px;
        font-weight: 600;
        line-height: 33px;
        color: #101010;
        text-align: center;
    }

    .para-info h4{
        font-family: "Roboto", Sans-serif;
        font-size: 21px;
        font-weight: 600;
        color: #C70101;
    }

    .para-info h5{
        font-family: "Roboto", Sans-serif;
        font-size: 21px;
        font-weight: 600;
        color: #02770E;
    }

    .last-para-color{
        width: 100%;
        background:#FFDD6B ;
        padding: 5px;
    }

    .last-para-color h6{
        font-family: "Roboto", Sans-serif;
        font-size: 19px;
        font-weight: 600;
        color: #000;
        margin: 0;
    }

    .new-para{
        width: 100%;
        text-align: center;
    }

    .new-para h1{
        font-family: "Roboto", Sans-serif;
        font-size: 21px;
        font-weight: 600;
        color: #000000;
        margin-top:20px ;
        line-height: 30px;
    }

    .green-box{
        width: 100%;
        float: left;
        background:#008d1d ;
        height: 130px;
        margin: 2px;
        margin-bottom: 20px;
    }

     .green-box h1{
        color:#fff;
    }

    .red-box{
        width: 100%;
        float: left;
        background: red;
        height: 130px;
        margin: 2px;
        margin-bottom: 20px;
    }

    .red-box h1{
        color:#fff;
        
    }

    .helpline{
        width: 100%;

    }

    .helpline h2{   
        font-family: "Roboto", Sans-serif;
        font-size: 23px;
        font-weight: 600;
        color: #1A1A1A;  
    }

    .right-para{
        width: 60%;
        float: left;
        padding: 20px;
    }

    .right-para img{
        width: 100%;
        height: 514px;
        
    }

    .flat-image {
        width: 100% ;
        float: left;
    }

    .room-image{
        width: 100%; 
    }   


    .room-image img{
        width: 100%;
        height: 250px;
    }


    .india-govt {
        width: 100%;    
        float: left; 
        margin-top: 20px;  
    }


    .govt-img {
        width: 100%;
        float: left;
    }

    .govt-img img {
        width: 40% ;
        float: left;
        position: relative;
        left: 125px;
    }

    .upper-enquire{
        width: 100%;
        float: left;
        padding:20px;
    }

      .upper-enquire h1{    
        margin-bottom: 30px;
        margin-top: 20px;
    }

    .Registration-btn {
        width: 100%;
        float: left;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .reg-btn {
        width: 100%;
        float: left;
        text-align: center;

    }

    .reg-btn a {
        padding: 10px 24px;
        background: #008d1d;
        color: #fff;
        font-size: 30px;
        border-radius: 5px;
        text-decoration: none;
    }


    .haryana {
        width: 100% ;
        float: left;
    }

    .haryana img {
        width: 100% ;
        float: left;
    }


    .slider-option{
        width: 100%;
        float: left;
        margin-top: 30px;
    }

    .option{
        width: 100%;
        float: left;
        background-color:#008d1d ;
        text-align: center;
        padding: 12px 24px;
        border-radius: 3px;


    }

    .option h1{
        font-size: 15px;
        color: #fff;
        margin: 0;
    }

    .Affordable{
        width: 100%;
        float: left;
        text-align: center;
    }

    .Affordable h1{
        font-family: "Roboto", Sans-serif;
        font-size: 32px;
        font-weight: 600;
        color: #101010;
        margin-top: 100px;
    }


    .registration-button{       
        width: 100%;
        margin-top: 20px;
        
    }

    .registration-button img{       
        width: 25px;
        
    }



    .registration-button button {
        background: #008d1d;
        color: #fff;
        padding: 8px 60px;
        border-radius: 50px;
        border: none;
    }

    .payment-plan{
        width:100%;
        float: left ;
        margin-top: 20px;
        text-align: center;
        background: #F1FFEE;

    }

    .payment-plan h1{
        font-family: "Roboto", Sans-serif;
        font-size: 32px;
        font-weight: 600;
        color: #101010;
    }

    .payment-plan h2{
        font-family: "Roboto", Sans-serif;
        font-size: 32px;
        font-weight: 600;
        color: #101010;
        margin-bottom: 20px;
    }

    .payment-banner{
        width: 100%;
        float: left;
        margin-bottom: 30px;
        background: #fff;
    }

    .today{
        width: 50%;
        float: left;
        background-color: #fff;
    }

    .unit{
        width: 50%;
        float: left;
        background: red;
        color: #fff;
        border-radius: 50px 0 50px 0;
    }

    .today h1{
        font-size: 25px;
        margin-bottom: 0;
    }

    .unit h2{
        color: #fff;
        font-size: 26px;
        margin-bottom: 0;
    }


    .table-bordered th {
        background: #008d1d;
        border: 1px solid #000;
        text-align: center;
        color: #fff;
    }

    .bank-banner{
        width: 100% ;
        float: left;
    }

    .bank-banner img{
        width:100%;
    }








    .haryana{
        width: 100%;
        float: left;
        margin-top: 50px;
        margin-bottom: 50px;

    }

    .haryana-heading{
        width: 100%;
        float: left;

    }

    .haryana-heading h1{
        font-family: "Roboto", Sans-serif;
        font-size: 32px;
        font-weight: 600;
        color: #101010;
        
    }

    .haryana-heading p{
        width: 100%;
        font-size: 17px;
        
    }

    .location{
        width: 100%;
        float: left;
        padding:20px;
        margin-top: 20px;
    }

    .location-heading {
        width: 100%;
        float: left;
        margin-bottom: 30px;r

    }

    .location-heading h1 {
        margin-bottom: 30px;
        font-size: 32px;
        font-weight: 750;
        color: #000;
    } 

    .location-heading li {
        font-size: 20px;
        color: #000;
        margin-bottom: 10px;
    } 


    .location h1{
        font-family: "Roboto", Sans-serif;
        font-size: 40px;
        font-weight: 600;
        color: #008d1d;
        text-align: center;

    }

    .location-map{
        width: 100%;
        float: left;
    }

    .location-map h1{
        font-family: "Roboto", Sans-serif;
        font-size: 43px;
        font-weight: 600;
        color: #101010;
        text-align: center;
        margin-top: 10px;
    }

    .location-map {
        width: 100%;
        float: left;
    }

    .map {
        width: 100%;
        float: left;
    }

    .map img{
        width: 100% ;
        float: left;
    }

    .floor-map {
        width: 100%;
        float: left;
        margin-top: 50px;
        margin-bottom: 30px;
        padding-top:20px;
        background: #e5f3e4;
    }

    .floor-img img {
        width: 100% ;
        padding: 20px;

    }

    .floor-plan {
        width: 100%;
        float: left;
        text-align: center;
    }


    .floor-plan h1 {
        font-size: 32px ;
        font-weight: 700;
        color: #000;        
        margin-bottom: 20px;
    }

    .luxury-amenities{
        width: 100%;    
        float: left;
        margin-top: 50px;
        text-align: center;
        padding: 20px;
        margin-bottom: 20px;
    }

    .luxury-amenities h1{
        font-size:36px;
        font-weight: 700;
        color:#000;
        margin-bottom: 0px;
    }

    .luxury-amenities p{
        font-size: 17px;
        font-weight: 700;
        margin-bottom: 20px;
    }

    .amenities{
        width: 100%;

    }

    .amenities img{
        width: 100%;
        height: 215px;
    }

    .tital {    
        width: 100%;
    }

    .tital h1{
        font-size: 22px;
        font-weight: 700;
        color: #000;
        margin-top: 10px;

    }

    .Enqure {
        width: 100%;
        float: left;
    }

    .Enqure h1{
        font-size: 32px ;
        font-weight: 600;
        color: #000;
        margin-bottom: 40px;
    }

    .Address{
        width: 100% ;
        float: left;
    }

    .Address img{
        width: 20px;    
            
    }

    .Address h1{
        font-size: 15px;
        margin-top: 20px;
        margin-bottom: 20px;

            
    }

    .Address h2{
        font-size: 15px;
  
    }

    .Address h3{
        font-size: 15px;
  
    }

    .enq-form {
        width: 100%;
        float: left;
    }

    .mb-5 {
        margin-bottom: 20px !important;
    }

    .btn-primary {
        text-align: center;
    }

    .footer {
        width: 100%;
        float: left;
        background: #292727;
        padding: 20px;
        text-align: center;
        margin-top: 50px;
    }
    .footer h1{
        font-size: 15px;
        margin-bottom: 20px;
        color: #fff;
    }

    .footer h2{
        font-size: 15px;
        margin-bottom: 20px;
        color: #fff;    
    }

    .footer p{
        font-size: 10px;
        color: #fff;
        margin-bottom: 50px;
        
    }

    .policy {
        width: 100%;

    }

    .policy  a{
        margin: 5px;
        
    }









    



































        

    @media only screen and (max-width:768px){

    .nav-contect{
        text-align: center;
    }

    .right-para img{
        width: 100%;
        height: 170px;
        
    }

    .top-heading h2{
        font-size: 21px;
    }


    .para-info h2{
      
        font-size: 15px;
        line-height: 20px;
      
    }

    .para-info h3 {
        font-size: 9px;
        line-height: 10px;
    }

    .para-info h4 {
        font-size: 9px;
        line-height: 10px;
    }

    .para-info h5 {
        font-size: 9px;
        line-height: 10px;
    }

    .room-image img {
        width: 100%;
        height: 200px;
        margin-bottom: 20px;
    }

    .last-para-color h6 {
        font-size: 9px;
        line-height: 10px;
    }

    .new-para h1 {
        font-size: 9px;
        line-height: 10px;
        margin-top: 10px;
        margin-bottam:10px;
    }

    .green-box{
        width: 46%;
        float: left;
        background:#008d1d ;
        height: 50px;
        margin: 2px;
        margin-bottom: 10px;
    }

    .red-box {
        width: 46%;
        float: left;
        background:#ff0000 ;
        height: 50px;
        margin: 2px;
        margin-bottom: 10px;
    }

    .helpline h2 {
        font-size: 9px;
    }

    .option {
        margin: 2px;
    }

    .Enqure h1{
       text-align: center;
       margin-bottom: 20px;
       font-size: 30px;
    }

    .Address h2 {
        text-align: center;
        margin-bottom: 20px;
    }

    .Address h3 {
        text-align: center;
        margin-bottom: 20px;
    }

    .enq-form {
        width: 100%;
        float: left;
    }

    .today h1{
        font-size: 11px;
    }

    .unit h2{
        font-size: 11px;
    }

    .haryana{
        text-align: center;
    }

    .govt-img img {
        width: 100%;
        float: left;
        position: relative;
        left: 0;
    }

    .top-heading {
       padding: 0px;
      
    }

    .top-para h3 {
      font-size: 18px;
      line-height: 33px;
    }

    .payment-plan h1 {
       margin-bottom: 0;
       margin-top: 10px;
    }

    .location-heading li {
        font-size: 14px;
    }


    .location h1 {
        font-size: 30px;
    }


    .haryana-heading p {
        font-size: 12px;
    } 

    .tital h1 {
        margin-bottom: 10px;
    }

    .reg-btn a {
        font-size: 22px;
        margin-top: 10px;

    }

    .bank-banner {
        margin-bottom: 10px;
    }

    .location {
        margin-top: 0;
    }

    .location h1 {
        font-size: 22px;
    }
    
    .Enqure h1 {
        font-size: 18px;

    }

    .Address h2 {
        font-size: 18px;
    }

    .Address h3{
        font-size: 18px;
    }

    .Address {
        margin-bottom: 30px;
        margin-top: 30px;
    }

    .nav-button {
        text-align: center;
        margin-bottom: 10px;
        margin-top: 10px;
    }

 










    }


    @media only screen (min-width:480px) and (max-width:767px){


    }