/* ==========================================================================
CSS Queries
========================================================================== */
@media (max-width: 1280px) {
 }
 @media (max-width: 1024px) {
	 
	 #master-plan{position:relative; width:720px; margin:0px auto;}

.dot1{width:20px; height:20px; position:absolute; background:url(../img/elite/dot1.gif) no-repeat center center; top:160px; left:230px;}
.dot1:hover{background:url(../img/elite/dot2.png) no-repeat center center;}
.dot1 a{display:block; height:20px; width:20px;}

.dot2{width:20px; height:20px; position:absolute; background:url(../img/elite/dot1.gif) no-repeat center center; top:170px; left:260px;}
.dot2:hover{background:url(../img/elite/dot2.png) no-repeat center center;}
.dot2 a{display:block; height:20px; width:20px;}

.dot3{width:20px; height:20px; position:absolute; background:url(../img/elite/dot1.gif) no-repeat center center; top:160px; left:395px;}
.dot3:hover{background:url(../img/elite/dot2.png) no-repeat center center;}
.dot3 a{display:block; height:20px; width:20px;}

.dot4{width:20px; height:20px; position:absolute; background:url(../img/elite/dot1.gif) no-repeat center center; top:185px; left:480px;}
.dot4:hover{background:url(../img/elite/dot2.png) no-repeat center center;}
.dot4 a{display:block; height:20px; width:20px;}

.dot5{width:20px; height:20px; position:absolute; background:url(../img/elite/dot1.gif) no-repeat center center; top:163px; left:555px;}
.dot5:hover{background:url(../img/elite/dot2.png) no-repeat center center;}
.dot5 a{display:block; height:20px; width:20px;}

.dot6{width:20px; height:20px; position:absolute; background:url(../img/elite/dot1.gif) no-repeat center center; top:225px; left:640px;}
.dot6:hover{background:url(../img/elite/dot2.png) no-repeat center center;}
.dot6 a{display:block; height:20px; width:20px;}

.dot7{width:20px; height:20px; position:absolute; background:url(../img/elite/dot1.gif) no-repeat center center; top:245px; left:630px;}
.dot7:hover{background:url(../img/elite/dot2.png) no-repeat center center;}
.dot7 a{display:block; height:20px; width:20px;}

.dot8{width:20px; height:20px; position:absolute; background:url(../img/elite/dot1.gif) no-repeat center center; top:245px; left:380px;}
.dot8:hover{background:url(../img/elite/dot2.png) no-repeat center center;}
.dot8 a{display:block; height:20px; width:20px;}

.dot9{width:20px; height:20px; position:absolute; background:url(../img/elite/dot1.gif) no-repeat center center; top:245px; left:130px;}
.dot9:hover{background:url(../img/elite/dot2.png) no-repeat center center;}
.dot9 a{display:block; height:20px; width:20px;}

.ih-item.square.effect6 .info h3 {
 
  color: #fff;
  text-align: center;
  font-size: 17px;
  line-height:20px;
  font-family: 'Roboto Slab', serif;
  padding: 10px;
  background: #ea2c90;;
  opacity:0.8;
  margin: 30px 0 0 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

 .specifications{width:100%; margin:0px auto;}
 .enquire-area{width:100%;}

 }
 
 @media (max-width: 991px) {
  .r_spacer { margin-right: 0px; }
  .logo-holder { background: url(../img/logo.png) no-repeat center center; width: 150px; height: 100px; position: absolute; display:block; top: 20px; left:10%; }
  
	.nav-opener {
    display: inline-block;
    vertical-align: top; }

  .opener-holder {
    float: right;
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 0 0 0 25px;
    margin: 7px 25px 0; }

  #nav {  overflow: visible;  font-size: 13px;  line-height: 1.3333333;  letter-spacing: 0; font-weight: normal; background:transparent; margin-top: 50px; opacity:1; }
  #nav .nav-drop { overflow: hidden; z-index:9999; }
  #nav .nav-drop { display: block;  clear: both; width: 100%; max-width: 300px; position: absolute; right: 0;
      top: 100%; pointer-events: none;  opacity: 0;
      -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
      transition: transform 0.3s, opacity 0.3s;
      -webkit-transform: translate3d(0, 30px, 0);
      transform: translate3d(0, 30px, 0); }
	  
	.menu-logo img {display:none;} 
	  
 	#nav .nav-drop > ul {
    display: block; padding: 0; text-align: left; }
 
    #nav .nav-drop > ul li {
    position: relative; margin: 0;  padding: 0 35px; display: block; font-size: 14px;  line-height: 1.3333333; font-weight: normal; font-family: 'Roboto', sans-serif; }
          
	 #nav .nav-drop > ul li.active:before {
     content: '';  position: absolute; top: 20px;  bottom: 20px; width: 4px; left: 0; background: #faa519;  }
          
	#nav .nav-drop > ul li a { display: block;  margin: 0 -9999px; padding: 14px 9999px; border-bottom: 1px solid #3E3D3F;
      color: #fff; background: rgba(51, 51, 51, 0.98); font-size:13px; }
    
	#nav .nav-drop > ul li a:active, #nav .nav-drop > ul li a:focus, #nav .nav-drop > ul li a:hover {
      text-decoration: none; color: #faa519; }
	  
     #nav .nav-drop > ul li.active { position: relative; }
     #nav .nav-drop > ul li.active a { color: #faa519; }
     #nav .nav-drop .drop-holder { margin: 0 -9999px; padding: 20px 10014px; background: #333; text-align: left; color: #9a9a9a; }
     #nav .nav-drop .drop-holder span { display: block; margin: 0 0 20px; }
     #nav .nav-drop .drop-holder ul { padding: 0; }
     #nav .nav-drop .drop-holder ul li {padding: 0; margin: 0; }
     #nav .nav-drop .drop-holder ul li + li { argin: 0 0 0 20px; }
          #nav .nav-drop .drop-holder ul a {
            font-size: 3rem;
            color: #fff; }
            #nav .nav-drop .drop-holder ul a:hover {
              color: #8d81ac; }

  .nav-active #nav .nav-drop {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }	
	
	 .specifications{width:100%; margin:0px auto;}
	 .enquire-area{width:100%;}
	
	
	.indy-slice-slider {
  width: 100%;
  height: auto;
  position: relative;
}
.bannertite { background:rgba(255,255,255,0.9); font-size:15px; font-family: 'Roboto Slab', serif; position:absolute; bottom:20px; left:8%; padding:10px 20px}


.navbar-nav { display:none}
	 
	
	/* nav-wrap */
    #nav-wrap {
        position: relative;
		display:block;
    }
    /* menu icon */
    #menu-icon {
        color: #000;
        width: 40px;
        height: 40px;
        background: #ecebeb url(../img/menu-icon.png) no-repeat center center;      
        cursor: pointer;
        border: solid 1px #666;
        display: block;	
		float:right;	
        /* show menu icon */
    }
    #menu-icon:hover {
        background-color: #f8f8f8;
    }
    #menu-icon.active {
        background-color: #f8f8f8;
    }
    /* main nav */
    #menu {
        clear: both;
        position: absolute;
        top: 38px;
        width: 200px;
        z-index: 9999;
        background: #333;        
        display: none;
		right:0;
        /* visibility will be toggled with jquery */
    }
    #menu li {
        clear: both;
        float: none;
		padding: 10px 10px;
		border-bottom: 1px solid #3E3D3F;
    }
    #menu a, #menu ul a {
        font: inherit;
        background: none;
        display: inline;
        padding: 0;
        color: #fff;
        border: none;
    }
    #menu a:hover, #menu ul a:hover {
        background: none;
        color: #FAA519;
    }
    /* dropdown */
    #menu ul {
        width: auto;
        position: static;
        display: block;
        border: none;
        background: inherit;
    }
    #menu ul li {
        margin: 3px 0 3px 15px;
    }
	
	.indy-slice-slider {
  width: 100%;
  height: 300px !important;
  position: relative;
}
	.navbar-brand > img {display:none;}
.nav-heights 
{
padding-bottom: 460px;
}

 }
 
 @media (max-width: 800px) {
	 .navbar-nav { display:none}
	 
	
	/* nav-wrap */
    #nav-wrap {
        position: relative;
		display:block;
    }
    /* menu icon */
    #menu-icon {
        color: #000;
        width: 40px;
        height: 40px;
        background: #ecebeb url(../img/menu-icon.png) no-repeat center center;      
        cursor: pointer;
        border: solid 1px #666;
        display: block;	
		float:right;	
        /* show menu icon */
    }
    #menu-icon:hover {
        background-color: #f8f8f8;
    }
    #menu-icon.active {
        background-color: #f8f8f8;
    }
    /* main nav */
    #menu {
        clear: both;
        position: absolute;
        top: 38px;
        width: 200px;
        z-index: 9999;
        background: #333;        
        display: none;
		right:0;
        /* visibility will be toggled with jquery */
    }
    #menu li {
        clear: both;
        float: none;
		padding: 10px 10px;
		border-bottom: 1px solid #3E3D3F;
    }
    #menu a, #menu ul a {
        font: inherit;
        background: none;
        display: inline;
        padding: 0;
        color: #fff;
        border: none;
    }
    #menu a:hover, #menu ul a:hover {
        background: none;
        color: #FAA519;
    }
    /* dropdown */
    #menu ul {
        width: auto;
        position: static;
        display: block;
        border: none;
        background: inherit;
    }
    #menu ul li {
        margin: 3px 0 3px 15px;
    }

	.indy-slice-slider {
  width: 100%;
  height: 300px !important;
  position: relative;
}
.navbar-brand > img {display:none;} 
.nav-heights {
    padding-bottom: 460px;
}
	 
 }
 
 @media only screen and (min-device-width : 740px) and (max-device-width : 1200px) and (orientation : landscape) {
 /* nav-wrap */
  .navbar-nav { display:none}
    #nav-wrap {
        position: relative;
		display:block;
    }
    /* menu icon */
    #menu-icon {
        color: #000;
        width: 40px;
        height: 40px;
        background: #ecebeb url(../img/menu-icon.png) no-repeat center center;      
        cursor: pointer;
        border: solid 1px #666;
        display: block;	
		
		float:right;	
        /* show menu icon */
    }
    #menu-icon:hover {
        background-color: #f8f8f8;
    }
    #menu-icon.active {
        background-color: #f8f8f8;
    }
    /* main nav */
    #menu {
        clear: both;
        position: absolute;
        top: 38px;
        width: 200px;
        z-index: 9999;
        background: #333;        
        display: none;
		right:0;
        /* visibility will be toggled with jquery */
    }
    #menu li {
        clear: both;
        float: none;
		padding: 10px 10px;
		border-bottom: 1px solid #3E3D3F;
    }
    #menu a, #menu ul a {
        font: inherit;
        background: none;
        display: inline;
        padding: 0;
        color: #fff;
        border: none;
    }
    #menu a:hover, #menu ul a:hover {
        background: none;
        color: #FAA519;
    }
    /* dropdown */
    #menu ul {
        width: auto;
        position: static;
        display: block;
        border: none;
        background: inherit;
    }
    #menu ul li {
        margin: 3px 0 3px 15px;
    }
	
	.indy-slice-slider
	{
	  width: 100%;
	  height: 300px !important;
	  position: relative;
	}
	.navbar-brand > img {display:none;}
     
.nav-heights 
{
padding-bottom: 460px;
}

	 
		
 }
 
 @media (max-width: 767px) {
	 #master-plan1{display:block;}
		#master-plan{display:none;}
		
		/* nav-wrap */
    #nav-wrap {
        position: relative;
		display:block;
    }
    /* menu icon */
    #menu-icon {
        color: #000;
        width: 40px;
        height: 40px;
        background: #ecebeb url(../img/menu-icon.png) no-repeat center center;      
        cursor: pointer;
        border: solid 1px #666;
        display: block;
		float:right;
		margin-top: 5px;
        /* show menu icon */
    }
    #menu-icon:hover {
        background-color: #f8f8f8;
    }
    #menu-icon.active {
        background-color: #f8f8f8;
    }
    /* main nav */
    #menu {
        clear: both;
        position: absolute;
        top: 38px;
        width: 200px;
        z-index: 9999;
        background: #333;        
        display: none;
		right:0;
        /* visibility will be toggled with jquery */
    }
    #menu li {
        clear: both;
        float: none;
        margin: 5px 0 0px 0px;
		padding: 10px 10px;
		border-bottom: 1px solid #3E3D3F;
    }
    #menu a, #menu ul a {
        font: inherit;
        background: none;
        display: inline;
        padding: 0;
        color: #fff;
        border: none;
    }
    #menu a:hover, #menu ul a:hover {
        background: none;
        color: #000;
    }
    /* dropdown */
    #menu ul {
        width: auto;
        position: static;
        display: block;
        border: none;
        background: inherit;
    }
    #menu ul li {
        margin: 3px 0 3px 15px;
    }
   #Menuitems {
    display:none;
}
	.navbar-brand > img {display:none;} 
 }
 
 @media (max-width: 640px) {
	 
	 .aboutcontent { padding:0 20px;}
	 
	 .enquiry-xs { display:block;}
	 #master-plan1{display:block;}
	 #master-plan{display:block; position:relative;}
	 #master-plan img{max-width:100%; height:160px;}
		
	.bannertite { background:rgba(255,255,255,0.9); font-size:10px; font-family: 'Roboto Slab', serif; position:absolute; bottom:20px; left:5%; padding:10px 10px}	

	.controls {
	display: inline-block;
	margin: 0 0 20px 40px;
	vertical-align: top;
	}
	
	.bold-16p { font-size: 20px; font-weight: 400; font-family: 'Roboto Slab', serif; color:#005aaa; margin-top:20px; display:block;}
	
	.careers { padding: 0px 100px; width: 100%;  margin: 0px auto; }
	.amenities-content {  width: 100%; margin: 0px auto; }
	.pro-logo { display:none;}

	 }
 
 @media (max-width: 480px) {
	 
	 .careers { padding: 0px 20px; width: 100%;  margin: 0px auto; }
	 	.navbar-brand > img {display:none;} 
		.nav-heights 
		{
		padding-bottom: 90px;
		padding-right: 80px;
		}


 }