@media only screen and (max-width:1200px){
    .span-3{
        width: 31.2%;
    }
    
}


@media only screen and (max-width:1090px){
    .span-3 {
        width: 30.8%;
    }
    .nav li {
        margin: 0;
    }
}    

@media only screen and (max-width:1030px){
	.nav li a{
		font-size:13px;
	}
        

}

@media only screen and (max-width:1000px){
    ul.facility li{
        width: 31.5%
    }
}

@media only screen and (max-width:980px){
	
	.nav-bar{
		width:100%;
                margin-right: 0;
	}
        
        body{
            margin-top: 85px;
        }
	
	.menu-tab {
		cursor: pointer;
		display: block;
		float: right;
		margin: 10px 0 30px;
                transition: all 0.4s ease;
             margin-right: 230px;
             
	}
        

        .menu-tab .menu-txt, .menu-tab .lines-square{
            float: left;
            display: inline-block;
            vertical-align: middle;
        }
        
        .menu-tab .menu-txt{
            line-height: 25px;
            margin-left: 10px;
            text-transform: uppercase;
        }
	
	.menu-tab .lines-square {
		background: #f17d2f;
		border-radius: 3px;
	
		height: 25px;
		width: 25px;
	}
	
	.menu-tab .lines-square .lines:first-child {
		margin-top: 5px;
	}
	.menu-tab .lines {
		background: #fff none repeat scroll 0 0;
		border-radius: 2px;
		height: 2px;
		margin: 4px auto auto;
		width: 70%;
	}

	
	.drop-nav{
		display:none;
		clear:both;

	}
	
	.nav{
		float:none;
	}
	
	ul.nav li{
		float:none;
		display:block;
	}
	
	ul.nav li a, ul.nav li a.active{
		line-height:40px !important;
		font-size:15px;
	}
	
	ul.nav li a.active{
		padding-top:0;
		padding-bottom:0;
	}
	
	.logo{
		position:absolute;
                z-index: 5;
	}
     
        
        ul.list-tick li{
            width: 27%;
        }
        
        .plan-thumb, .plan-data{
            width: 100%;
        }


}

@media only screen and (max-width:960px){
	.span-3{
		width:47%;
	}
}


@media only screen and (max-width:900px){
   
    .plan-data .row .label .dots{
        display: none;
    }
    .features ul li{
        padding: 20px 3.5%;
    }

}


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

    .span-3 {
        width: 46%;
    }
    
}



@media only screen and (max-width:767px){
	
	.span-3{
		width:100%;
		margin:0;
		margin-bottom:15px;
	
		padding:0;
	}

        
        .heading h2.ftr-desk{
            display: none;
        }
        
        .heading h2.ftr-res{
            display: block;
            background: url(../images/arw-dwn.png) no-repeat right;
            cursor: pointer;
        }
        
        
        .ftr-drop{
            display: none;
            float: left;
            width: 100%;
        }
        
        #footer .span-4:last-child img{
            float: left;
            margin-right: 0;
        }
        
        .col-left, .col-right{
            width: 100%;
        }
        
        .col-right{
            margin-top: 30px;
        }
        .amenity-img{
            width: 100%;
            opacity: 0.1;
            overflow: hidden;
        }
        
        .amenity-img img{
            width: 120%;
            height:100%;
        }
        
        .amenities-rgt{
            width: 100%;
            float: left;
        }
        

        
}

@media only screen and (max-width:720px){
    ul.list-tick li {
        width: 42.5%;
    }
    .copy{
        font-size: 12px;
    }
    
}

@media only screen and (max-width:680px){
    .features ul li{
        padding: 20px 0;
        width: 47%;
        border: none;
    }
}

@media only screen and (max-width:640px){
    ul.gallery li {
        width: 33.3%;
    }
    ul.facility li{
        width: 45%;
    }
    .specification ul li{
        width: 48.5%;
        border: none;
    }
    
    .heading-2 h2{
        font-size: 15px;
    }
    .floor-plan ul li{
        width: 46%;
    }
    
    .ftr-logo{
        width: 100px;
    }
    
    .amenities-rgt ul.list-tick li{
        width: 42%;
    }
    
    
}

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

    .view-details .row .label{
        width: 100%;
        line-height: 30px;
        font-weight: bold;
    }
    
    .view-details .row .label .dots{
        display: none;
    } 
    
    .view-details .row .data{
        margin-left: 0;
    }
    
    #horizontal-scroll .tble-design{
        width: 800px;
    }

}


@media only screen and (max-width:550px){
	.heading h1, .heading h2{
		font-size:35px;
	}

        ul.list-tick li {
            width: 95%;
        }
        ul.gallery li {
            width: 50%;
        }
        
        .ftr-logo{
            float: none;
            margin: 10px auto;
            
        }
        
        .copy{
            width: 100%;
            text-align: center;
            margin: 0;
        }
        
        .cntc-num{
            display: none;
        }
        
        .menu-tab{
            margin-right: 0;
        }
        
        #footer .span-8, #footer .span-4{
            width: 100%;
            float: left;
            position: relative;
        }
        
        #footer .span-4{
            padding-bottom: 20px;
        }
        
        .bg-ftr-clr{
            width: 100%;
        }
        
        #footer .bg-dark .span-12{
            margin-bottom: 0;
        }
        
        #footer iframe{
            height: 200px;
        }
        
        .cols{
            width: 100%;
            margin: 0 0 15px !important;
        }
        
	
}
@media only screen and (max-width:500px){
    .logo a h1{
        font-size: 30px;
    }
    .heading h1, .heading h2 {
       font-size: 25px;
    }
    ul.list-tick-full li, ul.list-tick li {
        width: 90% !important;
    }
    
    
}


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

      .developer-details {
            margin-left: 0;
            clear: both;
            margin-top: 150px;
        }

        ul.facility li {
            width: 98%;
        }
        
        .content-topbtm{
            padding: 30px 0;
        }
        
}

@media only screen and (max-width:400px){
 
    .content-topbtm{
        padding-top: 10px;
    }
    
    ul.gallery li {
        width: 100%;
    }
    .heading h2::before, .heading h2::after{
        
        display: none;
    }
    
    .modal{
        width: 280px;
    }

    .modal .heading h2{
        font-size: 20px;
    }

    .modal p{
        display: none;
    }

    .modal .inner-page .form-group {
        margin: 2px 0;
    }
    
    .floor-plan ul li{
        width: 100%;
        margin: 10px 0;
    }
    .logo a h1{
        font-size: 25px;
    }
    
    
}

@media only screen and (max-width:360px){
    .specification ul li {
        width: 100%;
    }
    
    .modal{
        width: 230px;
    }
    
    .features ul li{
        width: 100%;
    }
}

@media only screen and (max-width:330px){
       .form-group .inpt {      
            width: 98%;
        }
}