@media (min-width:821px) and (max-width:979px){
.region-navigation {
    width: 62%;
	padding:10px 0px;
}
.navbar .brand {
    width: 37%;
}
.bannerLeft{
	background-size: 40px 34px;
}
.bannerContainer{
	margin: 0 2% 0 0.5%;
}
.region-banner{
	width:62%;
}
#carousel .item {
	height: 290px !important;
}
.nivo-caption{
	font-size:34px;
}
#carousel .item p strong{
	font-size:50px;
}
div.message {
	width: 520px;
}
.minister_message h2, .mobileapps h2, .newsupdates h2 {
	font-size: 32px;
}
#Mleft {
	width: 60%;
}
#Mright{
	width: 40%;
}
div.popularlinks {
	width: 200px;
}
.menu li a.active,li a.citygov {
	font-size: 11px;
}
block-menu-block-1 ul.menu{
	margin:0 0 10px 10px;
}
ul li.leaf{
	padding: 10px;
}

#content h1 {
    font-size: 32px;
}
.span6 {
    width: 65% !important;
}

#content h1 {
    font-size: 30px;
}
.not-front .node .content h2 {
    font-size: 30px;
}
#gheading{
	font-size:45px;
}
.not-front #sidebar-second {
    width: 33% !important;
}
.not-front #sidebar-second .block h2{
	width:220px;
	font-size:20px;
}
#footer{
	background-size: 725px 25px;
}
.footer-links {
    float: right;
    padding-left: 0;
    padding-top: 15px;
    width: 60%;
}
}
@media (max-width:979px){

input::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
   opacity:  1;
}
input.address:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #fff;
}
.placeholder { color: #fff; }

	.theme-default a.nivo-prevNav{ left:5%; }
	.theme-default a.nivo-nextNav { right:5%; }	
	body.toolbar-drawer{ padding-top:0 !important; }
	#toolbar{ display:none; }
	.element-invisible{ display:none !important; }
	.searchform_top { position:inherit; width:95%; top:auto; left:auto; right:auto; background-color:#2f6c5f;}
	.searchform_top form{ margin: 15px 0; }
	.searchform_top button.btn[type="submit"]{ float: none; border: solid 1px #ccc; border-style: solid solid solid none; height:30px; background-color: transparent; width:10%; }
	.searchform_top .form-item{width:75%;}
	.searchform_top .form-actions{ width: 10%; }
	.navbar-search #search-form .search-query, .searchform_top input.form-text { display:inline-block; width:100%; background: #2f6c5f; }
	#navbar{ border-top:solid 5px #2f6c5f; border-bottom:solid 10px #2f6c5f; margin-bottom:10px; }
	
	.region-navigation {
		position:absolute;
		right:5%;
	}
	#navbar .tb-megamenu-block{ display:none; }
	
	.nav-collapse , .tb-megamenu .nav-collapse .nav, .tb-megamenu .nav-collapse .nav li { background-image:none; background-color: #f3f3f3; margin-top: 0;}
	.navbar-inverse .nav-collapse .nav>li>a:hover, .navbar-inverse .nav-collapse .nav>li>a:focus, .navbar-inverse .nav-collapse .dropdown-menu a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:focus { background-color:transparent; }
	#navbar .nav > li > a{ padding:5px 10px; margin-top:0; }
	#navbar .nav > li:hover { background-image: none; padding-bottom: 0; }
	.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top{
		margin-left:0;
		margin-right:0;
	}
	.navbar-inverse .btn-navbar{ background:none; border:none; }
	.tb-megamenu .span12.mega-col-nav .mega-inner{ padding:0 10px; }
	.tb-megamenu .mega .mega-dropdown-menu, .tb-megamenu .mega .mega-dropdown-menu.hasdescription { box-shadow:none !important; padding-bottom:0; }
	.tb-megamenu .mega-nav, .tb-megamenu .dropdown-menu .mega-nav{ margin:0; }
	
	.tb-megamenu .mega .mega-dropdown-menu.hasdescription .tb-megamenu-row + .tb-megamenu-row { display:none; }
	
	.navbar-inverse .btn-navbar:hover, .navbar-inverse .btn-navbar:focus, .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active, .navbar-inverse .btn-navbar.disabled, .navbar-inverse .btn-navbar[disabled] { background: #f3f3f3; }
	.tb-megamenu .mega .mega-dropdown-menu.hasdescription .tb-megamenu-row{ float:none;  }  
	
	.tb-megamenu .nav-collapse.collapse.in{ margin-top:25px; }
	
	.tb-megamenu .mega-nav li:hover, .tb-megamenu li.active{ background: url(../../images/menu_border.png) repeat-x bottom #d0cbb9;}
	.tb-megamenu .mega-nav > li, .tb-megamenu .dropdown-menu .mega-nav > li:hover a, .tb-megamenu .dropdown-menu .mega-nav > li a:hover, .tb-megamenu .dropdown-menu .mega-nav > li.active a{ color:#000; }
	
	.navbar-medium .navbar-inner{
		padding:0;
	}
}
@media (min-width:750px) and (max-width:822px){
	
	
	
.region-banner{
	width:85%;
}
.bannerContainer {
	margin: 0 35% 0 0%;
}
.bannerLeft{
	padding-left: 78px;
	width:85%;
	border: none;
}
.bannerRight {
	float: right;
	background: url("../../images/Pin.png") no-repeat scroll 345px 45px rgba(0, 0, 0, 0);
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
}
#bannerDate {
	width: 15%;
}
.nivoSlider img{
	height:230px !important;
}

body {
 	padding-left:0px !important;
 	padding-right:0px !important;
}
.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top{
	margin-left:0px !important;
	margin-right:0px !important;
}
.navbar .brand{
	width:40%;
}
#carousel .item p strong {
	font-size: 50px;
}
#carousel .item p{
	font-size: 30px;
}
.region-navigation {
	width: 60%;
	padding: 15px 0;
}
.container-wrapper{
	margin:0 !important;
	padding:0 !important;
}
#main{
	padding-left:20px;
	padding-right:20px;
}
#Mleft {
	float: left;
	width: 60%%;
}
.message p {
	width: 100%;
}
#Mright {
	float: left;
	width: 40%;
	margin: 0 auto;
}
.message .btn{ padding: 8px 15px; font-size: 12px; }
div.popularlinks {
	width: 30%;
}
ul.menu{
	margin:0;
}
.not-front #sidebar-second ,.not-front #sidebar-second .block h2{
	width: 100%;
}
.appdetails_container {
	float: left;
	width: 63%;
}
.footer-links {
	width: 57%;
	padding-left:20px;
}
#footer .container{
	margin-left: 20px;
	margin-right: 20px;
}

}
/***********end of mobile icons*********/
@media (min-width:481px) and (max-width:748px){
	
	body.toolbar-drawer{ padding-top:0 !important; }
	#toolbar{ display:none; }
	
	.region-navigation {
    position:absolute;
	right:5%;
}
#navbar .tb-megamenu-block{ display:none; }

.nav-collapse , .tb-megamenu .nav-collapse .nav, .tb-megamenu .nav-collapse .nav li { background-image:none; background-color: #f3f3f3; margin-top: 0;}
.navbar-inverse .nav-collapse .nav>li>a:hover, .navbar-inverse .nav-collapse .nav>li>a:focus, .navbar-inverse .nav-collapse .dropdown-menu a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:focus { background-color:transparent; }
#navbar .nav > li > a{ padding:5px 10px; margin-top:0; }
#navbar .nav > li:hover { background-image: none; padding-bottom: 0; }
.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top{
	margin-left:0;
	margin-right:0;
}
.navbar-inverse .btn-navbar{ background:none; border:none; }
.tb-megamenu .span12.mega-col-nav .mega-inner{ padding:0 10px; }
.tb-megamenu .mega .mega-dropdown-menu, .tb-megamenu .mega .mega-dropdown-menu.hasdescription { box-shadow:none !important; padding-bottom:0; }
.tb-megamenu .mega-nav, .tb-megamenu .dropdown-menu .mega-nav{ margin:0; }

.tb-megamenu .mega .mega-dropdown-menu.hasdescription .tb-megamenu-row + .tb-megamenu-row { display:none; }

.navbar-inverse .btn-navbar:hover, .navbar-inverse .btn-navbar:focus, .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active, .navbar-inverse .btn-navbar.disabled, .navbar-inverse .btn-navbar[disabled] { background: #f3f3f3; }
.tb-megamenu .mega .mega-dropdown-menu.hasdescription .tb-megamenu-row{ float:none;  }  

.tb-megamenu .nav-collapse.collapse.in{ margin-top:25px; }

.tb-megamenu .mega-nav li:hover, .tb-megamenu li.active{ background: url(../../images/menu_border.png) repeat-x bottom #d0cbb9;}
.tb-megamenu .mega-nav > li, .tb-megamenu .dropdown-menu .mega-nav > li:hover a, .tb-megamenu .dropdown-menu .mega-nav > li a:hover, .tb-megamenu .dropdown-menu .mega-nav > li.active a{ color:#000; }

.navbar-medium .navbar-inner{
	padding:0;
}
	
.region-navigation {
    float: left;
    width: 45%;
}
.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top{
	margin-left:0;
	margin-right:0;
}
.navbar-medium .navbar-inner{
	padding:0;
}
.navbar .container{
	padding:0 15px;
}
.navbar .brand {
    width: 55%;
}
.logotext{
	font-size:12px;
}
.sitename{
	font-size:20px;
}
.tb-megamenu{
	padding:20px 0;
}
.navbar-search {
	float: none;
	position: absolute;
	z-index: 9;
	padding: 5px;
	background: rgba(46, 106, 91, 0.8);
	height: 60px;
	width:60px;
	top: 260px;
	left:0;
	right:0% !important;
}

.navbar-search:hover{ width:auto; }

.theme-default .nivo-caption, .nivo-caption{
	top: 280px;
	left: 2%;
}
#carousel .item p strong {
	font-size: 30px;
}
#carousel .item p{
	font-size: 30px;
}
.bannerContainer {
	padding: 0 2% 0 2%;
	width:90%;
}
.bannerLeft{
	border:none;
	width:52%;
	margin-bottom: 10px;
}
.bannerLeft p{
	font-size:16px;
}
.bannerRight{
	float:none;
}
body {
 	padding-left:0px !important;
 	padding-right:0px !important;
}
.nivoSlider img{
	height:230px !important;
}
#main{
	padding-left:15px;
	padding-right:15px;
}
.minister_message h2, .mobileapps h2, .newsupdates h2{
	font-size:30px;
}
.minister_message > div.message{ width:100%; }
.message .btn{ padding:8px 15px; font-size:12px; }
#Mleft {
	float: left;
	width: 100%;
}
div.message{
	float:none;
	width:100%;
}
.message p {
	width: 100%;
}
#Mright {
	float: none;
	width: 60%;
	margin: 0 auto 0 10%;
}
#Mright img{ width:98%; }
div.popularlinks {
	width: 100%;
}
.popularlinks ul.menu{ margin-left:0; }
.appdetails_container{
	width:100%;
}
.slides{
	/*margin:67px 0 0 183px;*/
}
.flexslider{
	margin-right:22% !important;
}
.container-wrapper{
	margin:0;
	padding:0;
}
#footerlogo {
	float: none;
	width: 100%;
	padding:0;
}
.footer-links {
	float: none;
	width: 100%;
	padding-left:0;
	padding-top: 15px;
}
#footer .container{
	margin:0 15px;
}
/******mobile icons*************/
ul.appicons li.ui-state-default {
max-width: 95px;
width:20% ;
}
ul.appicons{ max-width: 430px; width:100%; }
}
/* Smartphones (portrait and landscape) ----------- */

/* (320x480) iPhone (Original, 3G, 3GS) */
@media (min-width:320px) and (max-width:480px)
{
	
	body.toolbar-drawer{ padding-top:0 !important; }
	#toolbar{ display:none; }
	
	.region-navigation {
    position:absolute;
	right:5%;
}
#navbar .tb-megamenu-block{ display:none; }

.tb-megamenu .nav-collapse{
	margin-top: 25px;
}

.nav-collapse , .tb-megamenu .nav-collapse .nav, .tb-megamenu .nav-collapse .nav li { background-image:none; background-color: #f3f3f3; margin-top: 0;}
.navbar-inverse .nav-collapse .nav>li>a:hover, .navbar-inverse .nav-collapse .nav>li>a:focus, .navbar-inverse .nav-collapse .dropdown-menu a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:focus { background-color:transparent; }
#navbar .nav > li > a{ padding:5px 10px; margin-top:0; }
#navbar .nav > li:hover { background-image: none; padding-bottom: 0; }
.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top{
	margin-left:0;
	margin-right:0;
}

.tb-megamenu .span12.mega-col-nav .mega-inner{ padding:0 10px; }
.tb-megamenu .mega .mega-dropdown-menu, .tb-megamenu .mega .mega-dropdown-menu.hasdescription { box-shadow:none !important; padding-bottom:0; }
.tb-megamenu .mega-nav, .tb-megamenu .dropdown-menu .mega-nav{ margin:0; }

.tb-megamenu .mega .mega-dropdown-menu.hasdescription .tb-megamenu-row + .tb-megamenu-row { display:none; }

.navbar-inverse .btn-navbar:hover, .navbar-inverse .btn-navbar:focus, .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active, .navbar-inverse .btn-navbar.disabled, .navbar-inverse .btn-navbar[disabled] { background: #f3f3f3; }
.tb-megamenu .mega .mega-dropdown-menu.hasdescription .tb-megamenu-row{ float:none;  }  

.tb-megamenu .nav-collapse.collapse.in{ margin-top:25px; }

.tb-megamenu .mega-nav li:hover, .tb-megamenu li.active{ background: url(../../images/menu_border.png) repeat-x bottom #d0cbb9;}
.tb-megamenu .mega-nav > li, .tb-megamenu .dropdown-menu .mega-nav > li:hover a, .tb-megamenu .dropdown-menu .mega-nav > li a:hover, .tb-megamenu .dropdown-menu .mega-nav > li.active a{ color:#000; }

.navbar-medium .navbar-inner{
	padding:0;
}
.navbar .container{
	padding:0 15px;
}
.navbar .brand {
    width: 85%;
}

.logotext{
	font-size:10px;
}
.sitename{
	font-size:16px;
}
.tb-megamenu{
	padding:20px 0;
}
.navbar-search{
	float: none;
	position: absolute;
	z-index: 9;
	padding: 5px;
	background: rgba(46, 106, 91, 0.8);
	height: 60px;
	width:60px;
	top: 260px;
	left:0;
	right:0% !important;
}

.navbar-search:hover{ width:auto; }
.theme-default .nivo-caption, .nivo-caption{
	top: 280px;
	left: 2%;
}

.minister_message > div.message { width:100%; }
.message .btn{ font-size:12px; padding: 8px 15px; }

#carousel .item p strong {
	font-size: 24px;
}
#carousel .item p{
	font-size: 24px;
}
.bannerContainer {
	padding: 0 2% 0 2%;
	width:90%;
	max-height: 350px;
}
.bannerLeft{
	border:none;
	width:75%;
	margin-bottom: 10px;
}
.bannerLeft p{
	font-size:16px;
}
.bannerRight{
	float: right !important;
	background: url("../../images/Pin.png") no-repeat scroll right rgba(0, 0, 0, 0);
	width: 90%;
}
body {
 	padding-left:0px !important;
 	padding-right:0px !important;
}
.nivoSlider img{
	height:230px !important;
}
#main{
	padding-left:15px;
	padding-right:15px;
}
.minister_message h2, .mobileapps h2, .newsupdates h2{
	font-size:28px;
}
#Mleft {
	float: left;
	width: 100%;
}
div.message{
	float:none;
	width:100%;
}
.message p {
	width: 100%;
}
#Mright {
	
	width: 100%;
	margin: 0 auto;
	margin: 30px auto 0;
}

#Mright  img{ width:98%; }

div.popularlinks {
	width: 100%;
}
div.popularlinks ul.menu, div.popularlinks ul.menu li{ margin-left:0; }
.appdetails_container{
	width:100%;
}
.slides{
	/*margin:67px 0 0 183px;*/
}
.flexslider{
	margin-right:0% !important;
	float: left;
	margin-left:15% !important;
}

.newsupdates .item-list li, .newsupdates .item-list li a { font-size:12px; }

.newsupdates div h2, .front #block-views-calendar-block-2 h2 { font-size:18px; }
.container-wrapper{
	margin:0;
	padding:0;
}
#footerlogo {
	float: none;
	width: 100%;
	padding:0;
}
.footer-links {
	float: none;
	width: 100%;
	padding-left:0;
	padding-top: 15px;
}
#footer .container{
	margin:0 15px;
}
/******mobile icons*************/

ul.appicons{ width:100%; }

ul.appicons li.ui-state-default {
width: 20%;
background-size:120% auto !important;
}

ul.appicons li.ui-state-default a img{ width:40%; }
.ui-tabs .ui-tabs-nav .ui-tabs-anchor { font-size:12px; }

.navbar-inverse .btn-navbar{ background:none; border:none; }

.theme-default a.nivo-prevNav{ left:5%; }
.theme-default a.nivo-nextNav { right:5%; }

.not-front #content { width:100%; }
.not-front #content img{ width:98%; margin-bottom:20px; }

.not-front #sidebar-second { width:100%; }
.not-front #sidebar-second .block h2{ width:100%; }
.not-front #content .block .content img{ width:98%; margin-bottom:20px; }
.not-front #sidebar-second #block-block-5 .content img{ width:auto; }
#directors .views-row{ width:49%; }
#directors .views-row .director_block img{ margin-bottom:0; }
.gplay, .appstore{ padding: 5px 5%; height: 30px; width: 38%; }
.not-front #content ul{ margin-left:10px !important; }
/*.navbar .container {
	min-width: 320px !important;
	max-width: 480px !important;
	padding: 0px !important;
}
#featured {
	background-color: whitesmoke !important;
	min-width: 320px !important;
	max-width: 480px !important;
	border-bottom: 15px solid #2f6c5f !important;
}
.navbar .brand {
	padding: 10px 0 !important;
	float: left !important;
	width:auto !important;
}
.logotext {
	color: #404ab0 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 8px !important;
	font-style: italic !important;
	font-weight: 100 !important;
	text-shadow: none !important;
	display: inline-block !important;
}
.region-navigation {
	 width: 70% !important; 
	 float: none !important; 
}
.hidden-phone {
	display: block !important;
}
.bannerRight {
	float: right;
	background: url("../../images/Pin.png") no-repeat scroll right center rgba(0, 0, 0, 0);
	 width: auto !important; 
	padding-top: 5px;
	padding-bottom: 5px;
	font-size:12px !important;
}
.bannerLeft {
	 float: none !important; 
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 55px;
	 width: auto !important; 
	border-right: 1px solid #49837d;
	font-size: 10px !important;
}
.navbar-search {
	float: left;
	position: absolute;
	z-index: 9;
	padding: 5px;
	background: rgba(46, 106, 91, 0.8);
	margin-top: 140px !important;
	right:0 !important;
}
.region-banner {
	background: none repeat scroll 0 0 rgba(46, 106, 91, 0.8);
	/* opacity: 0.8; 
	position: absolute;
	z-index: 9;
	 width: 90% !important; 
}
#slider img {
	width: auto !important;
	height:430px !important;
}
#carousel .item p{
	font-size:12px !important; 
}
#carousel .item p strong{
	font-size:15px !important;
}
.theme-default .nivo-caption, .nivo-caption{ 	
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
	font-size: 12px !important; 
	text-shadow: #ccc 1px 1px 3px;
	text-align:left;
	position: absolute;	
	top: 230px !important;
	left: 0px !important;
	z-index:99;
	background:none;
	opacity:1;
	width:60% !important;
}
.theme-default .nivo-caption, .nivo-caption p strong {
	font-size:20px !important;
}
.theme-default .nivo-directionNav a {
	top:350px !important;
}
.theme-default a.nivo-prevNav{
	left:20px !important;
}
.theme-default a.nivo-nextNav{
	right:20px !important;
}
#block-social-media-links-social-media-links {
	position: absolute !important;
	right: 5px !important;
	top: 146px !important;
	z-index: 99999;
	padding: 10px 5px;
	background: #eee;
}
.not-front #content img {
	float:none !important;
}
.not-front .node .content p {
	width:95% !important;
	font-size:12px !important;
}
.not-front #content {
	float:none !important;
	width:auto !important;
}
.not-front .node .content h2 {
	line-height:40px !important;
	font-size: 25px !important;
}
.not-front #sidebar-second {
	float:none !important;
	width: auto !important;
}
.not-front #sidebar-second .block h2 {
	font-size:14px !important;
	width:100% !important;
}
.not-front #main .block .content a img {
	margin-left:-6px !important;
	/*width:100% !important;
}
.not-front #sidebar-second .block p img {
	margin-left: -6px !important;
}
.footer-links {
	float: none !important; 
	width: auto !important;
	padding-left: 5px !important;
	padding-top: 15px !important;
}
.footer-links a {
	margin-left:0px !important;
}
.sitename {
	font-size:14px !important;
}
.bannerContainer {
	margin:0 2% 0 4% !important;
}
#content h1 {
	font-size:46px !important;
}
img.homeimagegraytwo {
	/*width: 45px !important;
}*/
}

/*end of Mobile version css*/