*{
    margin: 0%;
    padding: 0%;
}
@font-face {
    font-family: "Book Antiqua";
    src: url(../fonts/ANTQUAB_3.ttf) format("truetype"),
    url('../fonts/ANTQUAB_3.woff') format('woff');
}
@font-face {
    font-family: "GJ1-TTAvantika";
    src: url(../fonts/GJAV1NTT_2.ttf) format("truetype"),
    url('../fonts/GJAV1NTT_2.woff') format('woff');
}

@font-face {
    font-family: "HALOHANDLETTER";
    src: url(../fonts/HALOHANDLETTER_2.ttf) format("truetype"),
         url('../fonts/HALOHANDLETTER_2.woff') format('woff');
}

#back-to-roots-page .cas-font{
    font-family: Book Antiqua !important;  
    font-weight: bolder; 
    font-size: 18px; 
}
#back-to-life-page .cas-font{
    font-family: Book Antiqua !important;  
    font-weight:  bolder; 
    font-size: 18px; 
}
#back-to-comfort-page .cas-font{
    font-family: Book Antiqua !important;   
    font-weight: bolder; 
    font-size: 18px; 
}
#back-to-roots .cas-font{
    font-family: Book Antiqua !important;   
    font-weight: bolder; 
    font-size: 18px; 
}
#back-to-life .cas-font{
    font-family: Book Antiqua !important;   
    font-weight:  bolder; 
    font-size: 18px; 
}
#back-to-comfort .cas-font{
    font-family: Book Antiqua !important;  
    font-weight: bolder; 
    font-size: 18px; 
}


    
    .navbar-inverse{
        background-color: transparent !important;
        border: 0px !important;
        padding: 0px;
    margin-bottom: 0px;
    } 
    
    .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
        color: #7c1011 !important;         
        background: rgb(247, 244, 242)!important;        
    }  
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {

        border-color: transparent !important;

    }
    .navbar-inverse .navbar-nav>.nav-active>a{
        background: transparent !important;
        color: #7c1011 !important;  
        font-weight: 600;  
        /*border-bottom: 3px solid #7c1011  !important;*/
    } 
    .navbar-inverse .navbar-nav>.nav-active>a>div {
        position:absolute;
        left: 0%;
        bottom: 2%;
        display: block; width: 30px; 
        padding: 0px 5px;
        
    }
    
    .navbar-inverse .navbar-nav>li>a:hover {
        color: #7c1011   !important;
        
    }
    
    .navbar-inverse .navbar-nav>li>a>div { display: none; }
    
    /*.navbar-inverse .navbar-nav>.nav-active>div { position:absolute;*/
    /*    left: 0%;*/
    /*    bottom: 2%;*/
    /*    display: block; width: 30px; */
    /*    padding: 0px 5px;}*/

    .navbar-inverse .navbar-nav>li>a:focus {
        color: #7c1011   !important;
    }       
    nav {
        max-width: 1200px;       
        margin: 0 auto;
        padding: 30px 0;
      }
      
      nav ul {
         
        text-align: center;
      }
      
      nav ul li {
        display: inline-block;
      }
      
      nav ul li a {
        padding: 20px;
        font-family: GJ1-TTAvantika !important;    
        color: #7c1011;
        font-size: 22px;
        text-decoration: none;
        display: block;
      }
     
    .navbar-nav>li>.dropdown-menu {
        background: #000;        
        margin-top: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
    .dropdown-menu>li>a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #fff  !important;
        white-space: nowrap;
    }
    .dropdown-menu>li>a:hover {
        background: #000 !important; 
    }
    .dropdown-menu li a{
        font-family: GJ1-TTAvantika !important;
        font-size: 15px;
        text-decoration: none;
        display: block; 
      }
	.dropdown-menu>li>a:focus {
        color: #a30001 !important;
        
      } 

    #toggle-btn {
        position: relative;
        float: right;
        padding: 9px 10px;
        margin-right: 15px;
        margin-top: 8px;
        margin-bottom: 8px;
        /*background-color: rgb(241, 140, 72) !important;*/
        background-color: #a30001 !important;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }
	.dropdown-menu li{
		display: block;
	}
	.dropdown-menu li a:hover{
		  color: #a30001   !important;
	}

    #enquire-btn{    
        margin-left: 10px;	
        margin-right: 10px;
        margin-top: -1%;		
    }
    
    .navbar-brand img{
        width:18%;
    }
   

    /* welcome */

    #welcome{
        padding: 0px 0px;
        height: 700px;
	}
    #welcome h2{
        font-family:  Book Antiqua !important;
        font-weight: 800;
        font-size: 28px;
        color: #5a752b;
        padding-right: 10%;
    }
    #welcome p{
        font-family: GJ1-TTAvantika !important;
		font-size: 16px;
        padding-top: 10px;
        padding-right: 18%;
    }
    #welcome h3{
        
        font-family: HALOHANDLETTER  !important;
        padding-right: 15%;
        font-size: 30px !important;
    }
    .pdtop-welcome{
        padding-top: 8%;
       
    }
 
    #more img{
        text-align: center !important;
        margin-left: 40%;
        text-decoration: none;
		 
    }
    
   	
	.multiply
	{
		background-blend-mode: multiply;
	}
    
        /* back-to-roots */

    #back-to-roots{
        padding: 0px 0px;
        height: 500px;        
    }	   
    .more-btn img{
         padding-left: 40%;
    }
	.more-btn:hover{
		text-decoration: none;
    }
    #back-to-roots h2{
        font-family:  Book Antiqua !important;
        font-weight: 800;
        font-size: 28px;
        color: #5a752b;
    }
    #back-to-roots p{
        padding-top: 10px;
    }
    #roots-text-color{
       font-family:  GJ1-TTAvantika ;
	   font-size: 20px;
       color: rgb(83, 80, 80);
       font-weight: 300;
    }
    .pdtop-roots{
        padding-top: 8%;
    }
    #mgtop{
        padding-top: 2%;
    }
    
    .pattern-one{
        margin-left: 45%;
    }
    .pattern-two{
        margin-left: 45%;
        margin-top:3%;
    }

    #back-to-roots-page{
        padding: 0px 0px;
        height: 500px; 
    }
    #back-to-roots-page h2{
        font-family:  Book Antiqua !important;
        font-weight: 800;
        font-size: 28px;
        color: #5a752b;
    }
    #back-to-roots-page p{
        font-family:  GJ1-TTAvantika !important;
		font-size: 20px;
        padding-top: 10px;
         
    }
     
  
	

     /* back-to-life */

    #back-to-life{
        padding: 0px 0px;
        height: 550px;        
    }
    
    #back-to-life .life-image{
        
        height: 550px;               
    }
    #back-to-life h2{
        font-family:  Book Antiqua !important;
        font-weight: 800;
        font-size: 28px;
        color: #048371 !important;
    }
    #back-to-life p{
        padding-top: 10px !important;
    }
    #life-text-color{
        font-family: GJ1-TTAvantika !important;
		font-size: 20px;
        color: rgb(83, 80, 80) !important;
    }
    .pdtop-life{
        padding-top: 8%;
    }
    .life-pdtop{
        padding-top: 9%;
    }

    #back-to-life-page{
        padding: 0px 0px;
        height: 500px; 
    }
    #back-to-life-page h2{
        font-family:  Book Antiqua !important;
        font-weight: 800;
        font-size: 28px;
        color: #048371 !important;
    }
    #back-to-life-page p{
        font-family: GJ1-TTAvantika !important;
		font-size: 20px;
        padding-top: 10px !important;
         
    }
    #life-patt2{
        transform: rotate(180deg);
    }

    

    /* back-to-comfort */

    #back-to-comfort{
        padding: 0px 0px;
        height: 600px;        
    }
    
    #back-to-comfort h2{
        font-family:  Book Antiqua !important;
        font-weight: 800;
        font-size: 28px;
        color: #895e27 !important;
    }
    #back-to-comfort p{
        padding-top: 10px;
    }
    #comfort-text-color{
        font-family: GJ1-TTAvantika !important;
		font-size: 20px;
        color: rgb(83, 80, 80) !important;
    }
    .pdtop-comfort{
        padding-top: 8%;
    }
    .comfort-pdtop{
        padding-top: 10%;
    }

    #back-to-comfort-page{
        padding: 0px 0px;
        height: 600px;        
    }
    
    #back-to-comfort-page h2{
        font-family:  Book Antiqua !important;
        font-weight: 800;
        font-size: 28px;
        color: #895e27 !important;
    }
    #back-to-comfort-page p{
        font-family: GJ1-TTAvantika;
		font-size: 20px;
        padding-top: 10px;
        
    }
    #com-patt2{
        transform: rotate(180deg);
    }
    
    #block-two .comfort-para-pdtop{
        padding-top: 24px;
    }
    .comf-bird-block-first{
         margin-top: 10px;
    }

    

    /* footer */
    #foot {          
        background: #000 !important;
        font-family: GJ1-TTAvantika;
        padding: 0px 20px !important;
    }

    #foot .foot-left{
        text-align: left;
        padding: 10px 40px !important;
        
    }
    #foot .foot-right{
        text-align: right;
        padding: 35px 40px !important;
    }
    #foot p{
        color: #fff !important;
        font-family: GJ1-TTAvantika;
        font-weight: 400;
        font-size: 14px;
    }  
    #foot a{
        color: #fff !important;
        font-family: GJ1-TTAvantika;
        font-weight: 400;
        font-size: 14px;
    }  
    
    #foot a:hover{
        color: #a30001 !important;
        text-decoration: none;
    }
    #project-by{
       padding-left: 15%;
    }
    
    
    


    /* ABOUT */
    #block-one{
        padding: 50px 20px 50px 20px;
        background: #000;
    }
    
    .img-right{
        text-align: right;
    }
    #block-one-text-1{
        font-family: GJ1-TTAvantika;
        font-size: 18px;
        padding-top: 2%;
        padding-right: 18%;
        color: #5a752b;
        text-align: justify;
    }
    #life-block-one-text-1{
        font-family: GJ1-TTAvantika;
        font-size: 18px;
        padding-top: 2%;
        padding-right: 18%;
        color: #048371;
    }
    #block-one-text-2{
        font-family: GJ1-TTAvantika;
        font-size: 18px;
        padding-top: 5%;
        padding-right: 18%;
        color: #fff;
         text-align: justify; 
    }
    #block-two{
        padding: 80px 20px;
      
    }
    .block-two-first img{
        text-align: right;
        padding-left: 12%;
    }
    .block-two-second img{
        text-align: left;
        padding-right: 12%;
    }
    .bird-block-first img{
        padding-left: 10%;
        padding-top: 13%;
    }
    .bird-block-second{
        margin-right: -60%;
    }
    .bird-block-second img{
        padding-top: 10%;
        margin-right: -60%;
        text-align: right;
    }
    .comf-bird-block-first img{
        padding-top: 10%;
         
        text-align: left;
    }
    .comf-bird-block-second img{
        padding-top: 10%;
        margin-right: -60%;
        text-align: right;
    }
    #block-two-text1 h2{
        margin-left: -40%;
        margin-right: 5%;
        padding-top: 5%;
        color: #5a752b;
        font-family:  Book Antiqua !important;
        font-size: 25px !important;
    }
    .block-two-first h2{
        margin-left: 12%;   
        padding: 2% 1%;
        color: #5a752b;
        font-family:  Book Antiqua !important;
        font-size: 25px !important;
    }
    .block-two-second h2{
        margin-left: 0%;
        margin-right: 5%;
        padding: 2% 1%;      
        color: #5a752b;
        font-family:  Book Antiqua !important;
        font-size: 25px !important;
    }
    #block-two-text1 p{
        margin-left: -40%;
        padding-right: 5%;        
        text-align: justify !important;
        font-family: GJ1-TTAvantika !important;
        font-size: 15px !important;
    }
    #block-two-text2 h2{
        margin-left: -5%;
        padding-top: 5%;
        color: #5a752b;
        font-family:  Book Antiqua !important;
        font-size: 28px !important;
    }
    #block-two-text2 p{
        margin-left: -5%;
         text-align: justify;
         font-family: GJ1-TTAvantika !important;
        font-size: 15px !important;
    }
    #back-btn-left{
        padding-top: 3%;
        padding-left: 15%;
        font-size: 20px; 
        font-family:  Book Antiqua !important;     
    }
    #back-btn-left img{
        margin-left: 10%;
    }

    #back-btn-left a{
        color: #000;
        text-decoration: none;
    }
    #back-btn-left a:hover{ 
        font-weight: 400;
        color: #a30001;        
    }
    #back-btn-right{
        padding-top: 3%;
        padding-left: 20%;
        font-size: 20px;
        color: #000;
        font-family:  Book Antiqua !important;
    }
    #back-btn-right img{
        margin-left: 23%;
    }
    #back-btn-right .com-arrow{
        margin-left: 11%;
    }
    #back-btn-right a{
        color: #000;
        text-decoration: none;
    }
    #back-btn-right a:hover{ 
        font-weight: 400; 
        color: #a30001;       
    }
 
    .more-about img{
        margin-left: 44%;
       
    }

    

    /* CONTACT */

    #contact{
        padding: 40px 40px;
        height: 400px;
    }
    #contact h2{
        color: #5a752b;
        font-family:  Book Antiqua !important;
        font-weight: 600;
        margin-top: -3%;
        padding-bottom: 3%;
        font-size: 28px !important; 
    }
    #contact-us{
        font-family: Book Antiqua !important;
        font-size: 28px;
        text-align: center;
        /*padding-left: 15%;*/
        margin-bottom: 4%;
        color: #a30001 !important;
    }
    #contact .site-addr{
        padding-left: 5% 5%;
        
    }
    #contact .ofc-addr{
        padding-left: 10%;
    }
    .ofc-addr p{
        font-family: GJ1-TTAvantika !important;
         line-height: 70%;
         font-size: 20px;
    }
    .site-addr p{
        font-family: GJ1-TTAvantika !important;
        line-height: 70%;
        font-size: 20px;
   }
   #enquiry-text{
       color: #5a752b;
       font-family: Book Antiqua !important;
        font-size: 28px;
   }
   .text-left{
       text-align: left !important;
       color: #fff !important;
   }
   #pattern-image{
       margin-left: 110%;
   }
   #enquiryForm .form-control {
    display: block;
    width: 100%;
    height: 0px;
    padding: 12px 12px;
    font-size: 14px;
    font-family: GJ1-TTAvantika !important;
    line-height: 1.42857143;
    color: #fff;
    background-color:  transparent !important;
    background-image: none;
    border: 1px solid rgb(20, 13, 13);
    border-radius: 0px !important;
    }
   #enquiryForm .form-group input{
       background: transparent !important;
       border: transparent !important;  
        
        /* margin-left: 10%; */
       /* border-bottom: 1px solid #fff !important; */
   }
   #enquiryForm .form-control:focus{
    background: transparent !important;
    border: transparent !important;
    box-shadow: 0 0 10px #000 !important;
    
    /* border-bottom: 1px solid #fff !important; */
   }
   #enquiryForm input:focus, textarea:focus{
    outline-offset: 0px !important;
    outline: none !important;
    border: transparent !important;
    }
    
    #enquiryForm .form-group textarea{
    background: transparent !important;
    border: transparent !important;
    margin-left: 10%;
    /* border-bottom: 1px solid #fff !important; */
   }
   #enquiryForm .form-horizontal .control-label {
    padding-top: 15px !important;
    margin-bottom: 0;
    font-size: 1.2em;
    
   }
   #enquiryForm .form-horizontal{
       padding-top: 30px;
       padding-bottom: 50px;
   }
   #enquiryForm label{
       font-weight: 500 !important;
       /* margin-right: -10%; */
       font-family: GJ1-TTAvantika !important;
       font-size: 20px;
   }
   .site-phone{
       padding-top: 0%;
   }
   .ofc-phone{
        padding-top: 5%;
    }
    .input-underline{
        margin-top: 2%;
        display: block;
    }
    #enquiryForm .form-control:focus>.input-underline{
        display: block;
    }
    .modal-title{
        font-family: Book Antiqua !important;
        font-size: 20px;
        font-weight: bold;
    }
    

   


    /* LOCATION */
#landmark-sec{
    padding: 50px 20px;
}
#mg-top{
    margin-top: 5%;
}
#site-map h2{
    font-family: Book Antiqua !important;
    font-size: 28px;
    font-weight: 600;
    color: #a30001; 
    padding-left: 10%;
    padding-top: 2%;
}
#landmark-sec h3{
    font-weight: 600;
    padding: 5% 0%;
    padding-left: 6%;
    font-family: Book Antiqua !important;
    font-size: 20px;
}
#landmark-sec p{
    padding-left: 13%;
}
.loc{
    font-size: 15px !important;
    padding-right: 2%;
}
#col-location-one{
    padding-left: 5%;
    font-size:18px;
    font-family: GJ1-TTAvantika !important;
}
#col-location-two{
    /*margin-left: -5%;*/
    padding-left: 2%;
    font-size:18px;
   font-family: GJ1-TTAvantika !important;
}
#col-location-three{
    margin-left: -5%;
    font-size:18px;
   font-family: GJ1-TTAvantika !important;
}
#counter{
    background: #000;
    padding: 30px 70px;
    
}
#counter h2{
    font-family: Book Antiqua !important;
    font-weight: 600;
    color: #a30001; 
    padding-left: 5%;
    font-size: 28px; 
    margin-top: -1px;
    text-align: center;
}

.count-box
{    
    padding-left: 8%;    
    width: 190px;
	height: 180px;
    margin:  0%;
    text-align: center;
    float: left;    
}
.count
{
  line-height: 100px;
  color:#fff;
  font-size:40px;
  font-family: GJ1-TTAvantika !important;
  
}
.count-text{
     
    color:#fff;
    text-align: center;
    font-size:18px;
    font-family: GJ1-TTAvantika !important;
}
.count-km{
    margin-top: -15%;
    color:#fff;
    text-align: center;
    font-size:16px;
    font-family: GJ1-TTAvantika !important;
}
#google-map iframe{
    margin: 5% 0%;
}
#foot .rera-logo{
   text-align: center !important;
    margin-top: 45% !important;
    margin-bottom: 0% !important;
    margin-left: 0% !important;
    margin-right: 0% !important;
}
#rera{
    text-align: left !important;
    margin-top: 26% !important;
    margin-bottom: 0% !important;
    margin-left: -34% !important;
    margin-right: 0% !important;
   
}



 /* OPEN SPACE */

.heading-h2{
    font-family: Book Antiqua !important;
    font-weight: 600;
    color: #a30001; 
    /*padding-left: 4%;*/
    text-align: center;
    padding-top: -5%;
    font-size: 28px !important; 
    margin: 2% 0%;
}
#openspace-sec{
    padding: 10px 20px;
}
#openspace-sec{
    background: #000;
}

#openspace-sec h3{
    font-weight: 600;    
    padding-left: 1%;
    font-family: Book Antiqua !important;
    font-size: 28px;
    color: #a30001;  
    padding-left: 2%;
    
}
#col-openspace-one{
    padding: 2% 2%;
}
#col-openspace-two{
    padding: 2% 1%;
}
#col-openspace-three{
    padding: 2% 1%;
}
#col-openspace-one p{
    font-family: GJ1-TTAvantika !important;
    font-size: 15px;
    color: #fff;
}
#col-openspace-two p{
    font-family: GJ1-TTAvantika !important;
    font-size: 15px;
    color: #fff;
}
#col-openspace-three p{
    font-family: 'GJ1-TTAvantika', sans-serif;
    font-size: 15px;
    color: #fff;
}



/* slider */

#myCarousel{
    margin: 2%;
}

/* Caption text */

.caption-text {
    display: block;
}
.caption-text {
  color: #fff;
  font-size: 30px;
  padding: 8px 12px;
  position: absolute;
  bottom: 0px;
  width: 100%;
  text-align: center;
  font-family: Book Antiqua !important;
  background: #000;
  opacity: 0.6;
}

#foot #rera{
    font-size: 14px;
}
#foot .rera-logo{
    /*height: 40px !important;*/
    /*width: 40px !important;*/
    /*padding-bottom: 2% !important;*/
}
 
.btn-primary{
    color:#fff !important;
    background: #a30001 !important; 
    border: 1px solid #a30001 !important; 
}


    .zoom{
      
      transition: transform .5s;
     
      
    }
    .zoom:hover {
      -ms-transform: scale(1.1); /* IE 9 */
      -webkit-transform: scale(1.1); /* Safari 3-8 */
      transform: scale(1.1); 
     
    }




/* media query */

    @media (max-width: 414px){
        #enquire-btn{
            text-align: center  !important;
            margin-left: 45% !important;
            
        }
         
    }

    @media only screen and (max-width: 767px){
        .navbar-brand img{
            margin-top: -10%;
            width: 100px;
        }
        #enquire-btn{
            text-align: center  !important;
            margin-left: 32% !important;
        }
		.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
		padding: 5px 15px;
		}
		.dropdown-menu li {
        text-align: center; 
        }
        .dropdown-menu>li>a {
            display: block;
            padding: 3px 20px;
            clear: both;
            font-weight: 400;
            line-height: 1.42857143;
            color: #000  !important;
            white-space: nowrap;
        }
		.dropdown-menu li a:hover{
		  color: #a30001   !important;
		}
		.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
		    color: #9d9d9d;
		}
		.navbar-inverse .navbar-nav>li>a:hover {
			color: #a30001   !important;
			border-bottom: 0px solid #a30001  !important;
		}
		#enquire-btn{ 
        	margin-left: 0px;	
		    margin-right: 0px;		
		}
		
		#welcome{
		     height: 700px !important; 
		}
		
		#welcome .welcome-image{
		    background-position: center, center !important;
            height: 1020px !important;
        }
		
		
		#welcome h2{
            font-size: 20px !important;
            margin-top: 0px !important;
            margin-bottom: 0px !important;
        }
        #welcome p{
            font-size: 14px !important;
        }
        #welcome h2, p{
            margin-top: 0px !important;
            margin-bottom: 0px !important;
        }
        #welcome{
            padding: 0px 0px;
            height: 500px;
        }
        #welcome h2{           
            padding-right: 0%;
        }
        #welcome p{           
            padding-right: 0%;
        }
        #welcome h3{           
            padding-right: 0%;
            margin-top: -10px !important;
            margin-bottom: 0px !important;
        }
        .pdtop-welcome{
            padding-top: 0% !important;
        }
        #more img{
            margin-top: -5% !important;
        }
        
        #back-to-roots{
            padding: 0px 0px;
            height: 750px !important;	
        } 
        #back-to-roots h2{
            font-size: 22px !important;
            margin-left: 29% !important;
            margin-top: -100px !important;	
        } 
        #back-to-roots p{
            margin-left: 29% !important;
            font-size: 15px !important;
        }
        #more-roots img{
            margin-left: 20%;
            margin-top: -5%;
       }  
       .pdtop-roots{
            padding-top: 12%;
            padding-left: 3% !important;
            padding-right: 1% !important;
        } 
        #back-to-roots-page{
            height: 400px; 
        }
        #back-to-roots .roots-image{
            background:url('images/banner.jpg'), url('Home_Back-to-Roots.jpeg') no-repeat;
            background-position: center, center; 
            background-size: contain;
            margin-left: -55%;
            margin-top: 60%;
            height: 625px !important;               
        } 
        #back-to-roots-page #patt1{
            padding-bottom: 0% !important;
            margin-top: 0%  !important;
        }  
        .more-btn img{
            padding-left: 34%;
        }
        
        #back-to-life{
            height: 590px !important;
            padding: 0px 0px;
        }
        #back-to-life .life-image{
            background-position: bottom,bottom !important;
            background-size: cover !important;
    		height: 690px !important;
    		margin-left: -45% !important;
        }  
        #back-to-life .pdtop-life{
            margin-top: -17%;
            padding-left: 3% !important;
            padding-right: 1% !important;
            padding-left: 27% !important;
        } 
        #back-to-life p{
            padding-top: 0px !important;
        }
        
        #back-to-comfort .comfort-image{
            background-position: center, center !important; 
            /* background-size: cover; */
            height: 500px;           
        }
        #more-life img{
            margin-top: -7%;
        }
        
        #back-to-comfort{
            padding: 0px 0px;
            height: 500px !important;	        
        }
        #back-to-comfort h2{
             font-size: 20px;
        }
        #back-to-comfort p{
             font-size: 15px;
        }
        #back-to-comfort-page h2{
             font-size: 22px;
        }
        #back-to-comfor-page p{
             font-size: 15px;
        }
        #back-to-comfort-page{
            padding: 0px 0px;
            height: 400px;        
        }
        #comfort-text-color{
            font-size: 15px;
        }
        .pdtop-comfort{
            padding-top: 0%;
            margin-top: -6%;
            padding-left: 1% !important;
            padding-right: 1% !important;
        }
        #comft-img img{
            margin-top: -5%;
        }
        
        
        .pdtop-life{
            padding-top: 9%;
            padding-left: 1% !important;
            padding-right: 1% !important;
        }
        #back-to-life-page h2{
            font-size: 22px !important;
            
        }
        #back-to-life-page p{
            font-size: 15px !important;
           
        }
        #back-to-life h2{
            font-size: 20px !important;
            margin-top: 10% !important;
        }
        #life-patt1{
            padding-bottom: 3% !important;
            margin-top: -5%  !important;
        }
        /*#back-to-life p{*/
        /*    font-size: 15px !important;*/
        /*}*/
        #life-text-color{
            font-size: 15px;
        }
        
        #foot{
            padding: 0px 20px!important;
        }
        #foot{
            /*padding: 5% 0% !important;*/
            font-size: 12px;
        }
		#foot .foot-left {
    		text-align: center;
    		padding: 5px 20px!important;
		}
		#foot .foot-right {
    		text-align: center;
    		padding: 5px 20px !important;
        }
        #project-by{
            padding-left: 0%;
            margin-top: 2% !important;
         }
        #block-two {
            padding: 40px 20px;
        }
        #block-one img{
            padding-left:1%;
            padding-bottom: 5%;
        }
        #block-one-text-1{
            text-align: justify;
            padding-right: 0%;
            font-size: 15px;
        }
        #life-block-one-text-1{
            text-align: justify;
            padding-right: 0%;
            font-size: 15px;
        }
        #block-one-text-2{
            padding-top: 2%;
            padding-right: 0%;
            font-size: 15px;
        }
        .block-two-first img{
            text-align: right;
            padding-left: 0%;
        }
        .block-two-second img{
            text-align: left;
            padding-right: 0%;
        }
        .bird-block-first img{
            padding-left: 0%;
            padding-top: 15%;
            width: 100px;
            height: 70px;

        }
        .block-two-first h2{
            margin-left: 0%;
            font-size: 20px !important;
        }
        .block-two-second h2{
            font-size: 20px !important;
        }
        #block-two-text1 h2{
            margin-left: -5%;
            margin-right: 5%;
            padding-top: 5%;
            
        }
        #block-two-text1 p{
            margin-left: -5%;
            margin-right: -8%;        
            text-align: justify;
            padding-bottom: 5%;
        }
        #block-two-text2 p{           
            margin-right: -7%;    
                
        }
        #back-btn-left{
            padding-top: 5%;
            padding-left: 5%;                 
        }
        #back-btn-left a{
            font-size: 14px;
        }
        #back-btn-right a{
            font-size: 14px;
        }
        #back-btn-right{
            padding-top: 5%;
            padding-left: 5%;             
        }
        .hidden-xs{
            display: none;
        }
        
        #roots-pd-top{
            padding-top: 0%;
            margin-top: -5%;
        }
        #back-to-roots-page h2{
            font-size: 20px !important;
        }
        #back-to-roots-page p{
            font-size: 15px !important;
        }
        #back-to-roots-page .roots-image{
    		background:url('images/banner.jpg'),url('images/B2R_Banner Image.jpg') no-repeat;
            background-position: center !important; 
            background-size: contain !important;  
            height: 550px !important;          
        }
        
        #back-to-life-page .life-image{
    		background:url('images/banner.jpg'),url('images/B2L_Banner Image.png') no-repeat;
            background-position: center,center !important;
            background-size: contain !important;
    		height: 787px !important;
        }  
        #back-to-life-page .pdtop-life{
            margin-top: -18% !important;
            padding-left: 3% !important;
            padding-right: 1% !important;
        } 
        #back-to-comfort-page p{
            font-size: 15px !important;
        }
        
        #back-to-comfort-page .comfort-pdtop{
            padding-top: 0%;
        }
        
        #com-patt1{
            padding-bottom: 0% !important;
            margin-top: -5%  !important;
        }
        #back-to-comfort-page .comfort-image{
    		background:url('images/banner.jpg'),url('images/B2C_Banner Image.jpg') no-repeat;
            background-position: center !important;
            background-size: contain !important;
            height: 600px !important;          
        }
        
        #col-location-one {
            font-size: 15px;
        }
        #col-location-two {
            font-size: 15px;
            padding-left: 0%;
        
        }
        #col-location-three {
            font-size: 15px;
        }
        #landmark-sec h3 {
            padding: 0% 4%;
        }
        #foot #rera {
            font-size: 12px;
            padding-top: 6%;
        }
        /*#foot #rera a{*/
        /*    font-size: 9px;*/
        /*}*/
        #foot .rera-logo{
            height: 40px !important;
            width: 40px !important;
            padding-bottom: 2% !important;
        }
        
        #enquiryForm .form-group input{
            margin-left: 0%;          
        }
        #enquiryForm label{
            margin-right: 0%;            
            font-size: 12px;
        }
        #contact{
            padding: 80px 40px;
            height: 600px;
        }
        #contact h2{
            color: #5a752b;
            font-family: Book Antiqua !important;
            padding-bottom: 0%;
            font-size: 20px !important;
           
        }
        #contact-us{
            /*padding-left: 0%;*/
            margin-top: -6% !important;
            font-size: 20px !important;
        }
        #contact .site-addr{
            padding-left: 0%;
             padding-right: 0%;
        }
        #contact .ofc-addr{
            padding-left: 0%;
             padding-right: 0%;
        }
        #contact .ofc-addr h2{
            margin-top: 10% !important;
            font-size: 20px !important;
            margin-bottom: 0px;
        }
        #contact{
            padding: 40px 30px;
            height: 400px;
        }
        
        .site-addr p{
            line-height: 100%;
            font-size: 15px;
        }
       .ofc-addr p{
         line-height: 100%;
         font-size: 15px;
        }
        .site-phone{
            padding-top: 3%;
        }
        .ofc-phone{
             padding-top: 3%;
        }
        .input-underline img{
             width: 100%;
        }
        
        
        #counter{
            padding: 20px 50px;
            }
        .count-box{    
            padding-left: 0%;       
            width: 230px;
            height: 120px;
            margin-bottom: 3%;
        }
        .count{
            font-size: 30px;
        }
        #col-location-one{
            padding-left: 0%;
        }
        #counter h2{
            padding-left: 0%;
            text-align: center;
            margin-top: 13px;
            line-height: normal !important;
        }
        .count-km{
            margin-top: -12% !important;
        }
        #site-map{
            height: 250px !important;
        }
        #site-map h2{
            font-size: 20px;
        }
        #landmark-sec{
            padding: 20px 20px;
        }
        #counter h2{
            font-size: 20px;
        }
        #foot p{
            font-size: 12px;
        }
        #foot a{
            font-size: 12px;
        }
        
        #openspace-map{
            height: 220px;
        }
        #openspace-map{
            background-position: center;
            background-size: contain !important;
            height: 220px !important;
        }
        .heading-h2{
            padding-top: 0%;
            /*padding-left: 0%;*/
            text-align: center;
            font-size: 20px !important;
            letter-spacing: 0px;
        }
        #openspace-sec{
            margin-top: -13%;
        }
        
        #col-openspace-one{
            padding: 0% 2%;
        }
        #col-openspace-two{
            padding: 0% 2%;
        }
        #col-openspace-three{
            padding: 0% 2%;
        }
        #openspace-sec h3{
             font-size: 20px !important;
             padding-left: 0%;
        }
        #col-openspace-one p{
            font-size: 15px !important;
        }
        #col-openspace-two p{
            font-size: 15px !important;
        }
        #col-openspace-three p{
            font-size: 15px !important;
        }
        .caption-text {
          font-size: 18px;
        }  
        

        
       
	}
	
	@media (min-width: 768px){
        .form-horizontal .control-label {
            padding-top: 15px !important;
            margin-bottom: 0;
            text-align: right;
        }
        #contact .site-addr{
            padding-left: 5%;
        }
        #contact .ofc-addr{
            padding-left: 5%;
        }
        
        #enquiryForm label{
            font-size: 16px;
        }
    }
    
    @media only screen and (min-width: 768px) and (max-width: 991.98px) {
        nav ul li a {
            padding: 12px;
            text-decoration: none;
            display: block;
        }
        .navbar-nav>li>a {
           padding-top: 0px !important; 
           font-size: 16px;
        }
        .navbar-brand img{
            margin-top: -7%;
            width: 128px;
        }
        #welcome{
            padding: 0px 0px;
            height: 750px !important;
        }
        #welcome .welcome-image{
    		background:url('images/banner.jpg'),url('images/Home-Tree.jpg') no-repeat;
    		background-position: center,center !important;
    		background-size: cover !important;
            height: 1000px !important;               
         }
        .pdtop-welcome{
            margin-top: -5%;
            padding-top: 0%;
            padding-left: 12% !important;   
        }
        #welcome h3{
            margin-top: -2%;
            font-size: 40px !important; 
        }
        #more img{
            margin-top: -5% !important;
        }
        #back-to-roots{
            height: 600px !important;
        }
        #back-to-roots .roots-image{
    		background:url('images/banner.jpg'),url('Home_Back-to-Roots.jpeg') no-repeat;
            background-position: center, bottom !important; 
            background-size: contain;
            height: 600px !important;               
        }
        .pdtop-roots{
            margin-top: -5%;
        }
        #more-roots img{
             margin-top: -3% !important; 
        }
        #back-to-life{
            height: 750px !important; 
        }
        #back-to-life .life-image{
    		/*background:url('images/banner.jpg'),url('images/B2L_Banner Image.png') no-repeat;*/
            background-position: center, right !important; 
            background-size: cover !important; 
    		height: 750px !important; 
        } 
        .pdtop-life{
            margin-top: -8%;
            padding-top: 0%;
        }
        #more-life img{
            margin-top: -5%;
        }
        .pdtop-comfort{
            margin-top: -10%;
            padding-top: 0%;
        }
        #comft-img img{
            margin-top: -5%;
        }
        .more-btn img{
            padding-left: 41%;
        }
        
        /*back-to-roots-page*/
        
        #back-to-roots-page{
            height: 700px; 
        }
        #back-to-roots-page .roots-image{
    		background:url('images/banner.jpg'),url('images/B2R_Banner Image.jpg') no-repeat;
            background-position: right; 
            height: 700px;  
            margin-top: 160px !important;
        }
       
        #back-to-roots-page .pdtop-roots{
            margin-top: -225px !important;
        }
        #back-to-roots-page .cas-font {
            font-size: 20px !important;
        }
        #block-one-text-1{
            font-size: 15px !important;
            text-align: justify;
        }
        #block-one-text-2{
            font-size: 15px !important;
             text-align: justify;
        }
        .block-two-first h2{
            font-size: 25px !important;
            padding: 0% 0%;
        }
        .block-two-second h2{
            font-size: 25px !important;
             padding: 0% 0%;
        }
        
        #block-two-text2 p{
            font-size: 15px !important;
            padding-right: 9%;
        }
        #block-two-text1 p{
            margin-left: 3%;
            padding-right: 0% !important;
            font-size: 15px !important;
        }
        
        
        /*back-to-life-page*/
        
        #back-to-life-page{
            height: 700px; 
        }
        #back-to-life-page .life-image{
    		background:url('images/banner.jpg'),url('images/B2L_Banner_new.png') no-repeat;
            background-position: center center;
            height: 586px !important;   
            margin-top: 160px !important;  
        }
        #back-to-life-page .life-pdtop{
            margin-top: -225px !important;
        }
        #back-to-life-page .cas-font {
            font-size: 20px !important;
        }
        #life-block-one-text-1 {
            font-size: 15px !important;
            text-align: justify;
        }
        
         /*back-to-comfort-page*/
        #block-two{
            padding: 50px 0px;
        }
        #back-to-comfort-page .comfort-pdtop{
            margin-top: -200px !important;
        }
        #back-to-comfort-page .comfort-image{
            margin-top: 120px !important;
        }
        #back-to-comfort-page .cas-font {
            font-size: 20px !important;
        }
        #comf-h2{
            font-size: 25px !important;
        }
        #comfort-h2{
            font-size: 25px !important;
        }
        /*#block-one>img{*/
        /*    height: 300px !important;*/
        /*    width: 345px !important;*/
        /*}*/
        
        .block-two-first h2 {
            margin-left: 6%;
        }
        
        .block-two-first img {
            text-align: left;
            padding-left: 6%;
        }
        
        .block-two-second img {
            text-align: left;
            padding-right: 6%;
        }
        
        #col-location-one {
         padding-left: 0%;
        }
        #col-location-two {
         padding-left: 0%;
        }
        #col-location-three {
         padding-left: 5%;
        }
        #col-location-one p{
         font-size: 18px;
        }
        #col-location-two p{
         font-size: 18px;
        }
        #col-location-three p{
         font-size: 18px;
        }
        #landmark-sec h3{
            padding: 0% 8%;
        }
        #site-map h2{
            font-size: 20px;
        }
        
        #counter h2{
            font-size: 20px;
            padding-left: 0%;
        }
        .count-box{    
            padding-left: 0%;    
            width: 130px;
        	height: 160px;
            margin:  0%;
            text-align: center;
            float: left;    
        }
        .count{
            font-size: 30px;
            line-height:80px;
        }
       
        
        
        #contact{
            /* padding: 80px 40px; */
            height: 400px;
        }
        .form-horizontal .form-group {
            margin-left: 134px !important;
        }
        #contact-us{
            font-family: Book Antiqua !important;
            font-size: 28px;
            /*padding-left: 0%;*/
            color: #a30001 !important;
        }
        #contact .site-addr{
            padding-left: 0%;
            padding-right: 0%;
        }
        #contact .ofc-addr{
            padding-left: 0%;
            padding-right: 0%;
        }
        .site-addr p{
            line-height: 100%;
        }
        .ofc-addr p{
            line-height: 100%;
        }
        .site-phone{
            padding-top: 6%;
        }
        .ofc-phone{
            padding-top: 0%;
        }
        #col-openspace-one {
            padding: 0% 4% !important;
        }
        #col-openspace-two {
            padding: 0% 4% !important;
        }
        #col-openspace-three {
            padding: 0% 4% !important;
        }
        

    }
   
    @media screen and (max-width: 800px){
         
        #block-two-text1 h2{
            padding-top: 5%;
            
        }
        #block-two-text1 p{
           
            text-align: justify;
            padding-bottom: 5%;
        }
        #block-two-text2 h2{
          
            padding-top: 5%;
             
        }
        #block-two-text2 p{
          
            text-align: justify;
        }
        
        
    
         
    }

    @media screen and (min-width: 800px){
         
        #contact{
            padding: 80px 40px;
            height: 450px;
        }
        #contact h2{
            color: #5a752b;
            font-family: Book Antiqua !important;
            
        }
        #contact .site-addr{
            padding-left: 5%;
        }
        #contact .ofc-addr{
             
            padding-left: 5%;
        }
       
    }

    @media screen and (min-width: 860px){
        #contact .site-addr{
            padding-left: 20%;
        }
        #contact .ofc-addr{
            padding-left: 10%;
        }

    }
    
    @media screen and (max-width: 980px){
        #foot {          
            background: #000 !important;
            font-family: GJ1-TTAvantika !important;
        }
		/*#foot .foot-left {*/

		/*text-align: left;*/
		/*padding: 40px 20px;*/

		/*}*/
		
		/*#foot .foot-right {*/

		/*text-align: right;*/
		/*padding: 40px 20px;*/

		/*}*/
	}
  
    @media screen and (min-width: 320px) and (max-width: 359px){
        #welcome{
             height: 850px !important;  
        }
        #welcome .welcome-image{
            height: 1060px !important;  
            background-position: center,center !important;
        }
        #more img {
            margin-top: -6% !important;
        }
        .pdtop-welcome{
            padding-top: 0%;
        }
        #back-to-roots{
            height: 600px !important; 
        }
        #back-to-roots .roots-image{
            margin-left: -80% !important;
            margin-top: 7%;
            height: 600px !important;     
        }
        #back-to-roots .pdtop-roots{
            /*margin-left: 7%;*/
            padding-top: 6%;
            padding-left: 16% !important;
            padding-right: 1% !important;
        }
        #back-to-roots-page .pdtop-roots{
            /*margin-left: 7%;*/
            padding-top: 0% !important;
            padding-left: 0% !important;
            padding-right: 1% !important;
        }
        .more-btn img {
            margin-top: -5%;
        }
        .life-image{
    		background:url('images/banner.jpg'),url('images/B2L_Banner Image.png') no-repeat;
            background-position: center, bottom !important;
            background-size: cover !important;
    		height: 750px !important; 
    		/*margin-left: 25px !important;*/
        } 
        #back-to-life{
            height: 750px !important; 
        }
        .pdtop-life{
            margin-top: -55px;
            /*margin-left: 30px !important;*/
            padding-left: 1% !important;
            padding-right: 1% !important;
        }
        #more-life img{
            margin-top: -7%;
        }
        .pdtop-comfort{
             margin-top: -25%;
             padding-left: 1% !important;
             padding-right: 1% !important;
        }
        #comft-img img{
            padding-left: 31% !important;
        }
        #foot{
            padding: 0px 20px!important;
        }
        #foot{
            /*padding: 5% 0% !important;*/
            font-size: 12px;
        }
		#foot .foot-left {
    		text-align: center;
    		padding: 5px 20px!important;
		}
		#foot .foot-right {
    		text-align: center;
    		padding: 5px 20px!important;
        }
        
        #col-location-one {
            font-size: 15px;
        }
        #col-location-two {
            font-size: 15px;
        }
        #col-location-three {
            font-size: 15px;
        }
        #foot #rera {
            font-size: 12px;
        }
        #foot #rera a{
            font-size: 9px;
        }
        #foot .rera-logo{
            height: 40px !important;
            width: 40px !important;
            padding-bottom: 2% !important;
        }
        #landmark-sec h3 {
            padding: 0% 4%;
        }
        #site-map h2{
            font-size: 20px;
        }
        #counter h2{
            font-size: 20px;
        }
        .count-box{ 
            width: 184px;
        }
        #foot p{
            font-size: 12px;
        }
        #foot a{
            font-size: 12px;
        }
        .heading-h2{
            padding-top: 0%;
            /*padding-left: 0%;*/
            text-align: center;
            font-size: 20px !important;
            letter-spacing: 2px;
            margin-top: -1%;
        }
        #openspace-map{
            height: 200px;
        }
        #openspace-map{
            background-position: center;
            background-size: contain !important;
            height: 200px !important;
            
        }
        #col-openspace-one p{
            font-size: 14px !important;
        }
        #col-openspace-two p{
            font-size: 14px !important;
        }
        #col-openspace-three p{
            font-size: 14px !important;
        }
        .caption-text {
          font-size: 15px;
        }
       
       
        
            	
    }
    
 
    
    @media screen and (min-width: 375px) and (max-width: 420px){
        .pdtop-roots{
            padding-top: 12%;
            padding-left: 8% !important;
            padding-right: 1% !important;
        }
        #more-roots img{
            padding-left: 35% !important; 
        }
        #more-life img{
            padding-left: 35% !important; 
        }
        #comft-img img{
            padding-left: 35% !important; 
        }
        #enquire-btn img{
            margin-left: 6%;
        }
        #block-one {
            padding: 40px 20px !important; 
        }
        .count-box{ 
            width: 266px;
        }
       
    }
    
    @media screen and (min-width: 421px) and (max-width: 621px){
    	
    }
    
    @media screen and (min-width: 822px) and (max-width: 899px){
    	
    }
     
    @media screen and (min-width: 1024px) and (max-width: 1280px){
    	#back-to-roots-page .cas-font {
            font-size: 20px !important;
        }
        #back-to-life-page .cas-font {
            font-size: 20px !important;
        }
        #back-to-comfort-page .cas-font {
            font-size: 20px !important;
        }
        
       
    }
    
    @media screen and (min-width: 1300px) and (max-width: 1360px){
  
        #back-to-roots-page .cas-font {
                font-size: 20px !important;
            }
        #back-to-life-page .cas-font {
                font-size: 20px !important;
            }
        #back-to-comfort-page .cas-font {
                font-size: 20px !important;
            }
        #block-one-text-1 p{
                text-align: justify;
            }
        #block-one-text-2 p{
               text-align: justify;
            }
        #block-two-text1 p {
            padding-right: 20%;
            }
        .block-two-first h2 {
            padding-right: 5%;
        }
        .block-two-first img {
            padding-left: 8%;
        }
        .block-two-second img {
            padding-right: 8%;
        }
        .count-box{ 
            width: 200px;
        }
       
  
    }
    
    @media screen and (min-width: 1440px) and (max-width: 1500px){
        #block-two-text1 p {
            padding-right: 30%;
        }
        .block-two-first h2 {
            padding-right: 15%;
        }
        
    }
    
    
    
    /* animation */

@keyframes fadeInRight {
      from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
      }
    
      to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
    }
    
    .fadeInRight {
      -webkit-animation-name: fadeInRight;
      animation-name: fadeInRight;
      animation-duration: 2s;
    }
    
    @keyframes fadeInLeft {
      from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
      }
    
      to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
    }
    
    .fadeInLeft {
      -webkit-animation-name: fadeInLeft;
      animation-name: fadeInLeft;
      animation-duration: 2s;
    }
    

#master-plan {
    position: absolute;
    top: 25%;
    left: 75%;
}
   
      #master-plan p {
    font-family: 'GJ1-TTAvantika' !important;
    font-size: 12px !important;
    /* border-bottom: 1px solid #a30001; */
}
     
     
     
     
#topheader{
    position: relative;
    z-index: 9;
} 
  


    .resp-enquiry-btn{
        margin-top: 7px;
        position: absolute;
        right: 20%;
    }