@media only screen and (min-width: 961px){
	.container{ width:960px;}
	
	

	
}
@media only screen and (max-width: 992px){
	.sociallinks{ width:auto;}
	

}
@media only screen and (min-width: 768px) and (max-width: 960px){ 
	.container{ padding:0px 30px; width:auto;}
	#topnav a{ padding:15px 7px;}
	.mainbanner{ width:100%; overflow:hidden;}
	#sequence .sky{ display:none;}
	#sequence{  max-width: 760px;}
	#sequence .info{ width:40%}
	.bannerright p.bannertitle{ font-size:50px; line-height:50px;}
	#sequence .animate-in .balloon{ left:5%;}
	.bannerright p.bannertitle img.arrow{ width:20%;}
	.footerlogo, .footerlinks{ width:45%; margin-right:4%; margin-bottom:40px;}
	.footernewsletter{ margin:0px; display:block; width:65%; margin-right:25px;}
	.footernewsletter p{ float:left; margin-right:10px; width:47%}
	.footernewsletter p.fullname{ width:96%;}
	.footernewsletter p.conditions{ display:block; width:100%;}
	.maincontent .projlist{right:30px;}
	.amenitiesbox{margin-left:0px;}
	.og-grid{ text-align:left;}
	
	
	
}


@media only screen and (min-width: 768px){
	.navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{padding-left:0px; padding-right:0px;}
	.projectsummery div[class^="col-lg"]{ width:33.33%; float:left;}
	.projectsummery div[class^="col-lg"] img{ max-width:100%;}
	.enquiry .col-lg-8{width: 66.6667%;}
	.enquiryform label{ width:25%;}
	.enquiryform span{width:70%;}
	.projecticontabs .iconblock i:hover, #p1:hover{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s;   transition-duration: 0.4s;}
	
	
	
	
	
}

@media only screen and (max-width: 767px){
	.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{padding-left:0px; padding-right:0px;}
	.container{ padding:0px 30px;}
	.navbar-wrapper .container{ padding:0px;}
	.navbar{ padding:30px 0px 0px 0px;}
	.navbar-collapse{padding:15px 0px;}
	#mobilelogo{ display:inline-block; float:left; margin-left:30px;  margin-bottom:30px;}
	.navbar-nav{ display:block;}
	#topnav li{ display:block; border-bottom:1px dotted #80a7bf; padding:0px 15px;}
	#topnav li a{ float:none; display:inline-block; width:100%; text-align:left; padding:5px 0px;}
	#topnav li.logo{ display:none;}
	.navbar-inverse .navbar-toggle{ background:#1c7bb0; border:1px solid #156490; right:30px;}
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{ border:0px;}
	.navbar-toggle{ margin:0px; margin-top:70px;}
	.navbar-collapse{ width:100%;}
	.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{ background:#1c7bb0; border:1px solid #1c7bb0;}
	#topnav #magic-line{ display:none !important;}
	.mainbanner{ width:100%; overflow:hidden;}
	#sequence .sky{ display:none;}
	#sequence{  min-width: 480px; min-height:300px;}
	#sequence .info{ width:40%; bottom:0px; top:inherit;}
	.bannerright p.bannertitle img.arrow{ width:15%;}
	#sequence .balloon{ top:inherit;}
	#sequence .animate-in .balloon{ left:0%;}
	.bannerright p.bannertitle{font-size:25px; line-height:25px;}
	#sequence .sequence-next, #sequence .sequence-prev{top:50%; width:20px; height:auto;}
	.projectsummery div[class^="col-lg"]{ margin-bottom:40px; text-align:center;}
	.projectsummery .projectbox{ padding:0px;}
	.footerblock, .footernewsletter, .sociallinks{ display:block; margin-right:0px; text-align:center; float:none; width:100%; margin-bottom:20px;}
	.welcomecontent .widgettitle{ line-height:40px;}
	.projectdetailsleft{ margin-bottom:30px;}
	.projectdetailsleft img{ max-width:100%;}
	.amenitiesbox{margin-left:0px;}
	.floorplandetails .floorplanimg{ margin-right:0px;}
	.floorplanimg, .completedetails .widgetbox, .gallerytails .widgetbox{ margin-bottom:20px;}
	.enquiryform label{ width:100%; text-align: left;}
    .enquiryform input{ width:100%;}
    .enquiryform select{ width:100%;}
    .enquiryform textarea{ width:100%;}
	.enquiryform span{ width:100%; margin-left:0;}
	.aboutus .widgetbox{ padding:0px; border-right:0px; border-bottom:1px dotted #000000; margin-bottom:30px}
	.aboutus .aboutphoto{margin-left:0px;}
	.maincontent .projlist{ right:30px;}
	.og-grid{ text-align:left;}
	
}

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


@media only screen and (max-width: 480px){
	.projecticontabs{ width:100%; float:left; margin-top:10px;}
	.projecticontabs .iconblock a{ margin-right:1px;}
	.maincontent .projlist{ position:relative; top:0px; right:inherit;}
	.og-grid li{ width:100%; display:block;}
	.og-grid li > a, .og-grid li > a img{width:100%; display:block;}
	#sequence{ max-width:460px !important; min-width:inherit; height:220px; min-height:inherit;}
	#sequence .sequence-next{ right:10px;}
	#sequence .sequence-prev{ left:10px;}
	#sequence .info{ width:60%; bottom:20%;}
	#sequence .animate-in .info{ right:0px;}
	#sequence .animate-in .arrow, #sequence .animate-out .arrow{ width:25px; height:25px;}
	.bannerright{ font-size:16px; padding-bottom:0px;}
	.bannerright p.bannertitle{ font-size:20px;}
	
}