@media (min-width: 1200px) and (max-width: 1400px) {

.h3-slider-caption {

	top: 50px;

}

.h3-slider-caption strong {

	font-size: 32px;

	line-height: 36px;

}

.h3-slider-caption p {

	font-size: 18px;

}

.h3-slider-caption a {

	display: none;

}

}

 @media (min-width: 992px) and (max-width: 1199px) {

.city-highlights .owl-carousel .owl-nav button.owl-next {

	right: 0;

}

.city-highlights .owl-carousel .owl-nav button.owl-prev {

	left: 0px;

}

.title-style-2 h2 {

	font-size: 32px;

}

.title-style-2 p {

	margin-top: 0;

}

.department-box ul, .department-box h6 {

	padding: 10px;

	font-size: 16px;

}

.department-box a {

	font-size: 12px;

}

.emergency-info .panel-group .panel-heading h6 {

	font-size: 16px;

}

.query h5 {

	font-size: 20px;

}

.fact-box strong {

	font-size: 28px;

}

.team-box .team-thumb {

	width: 45%;

}

.team-box .team-txt {

	width: 55%;

	padding: 15px;

}

.call2action p {

	font-size: 30px;

}

.main-footer {

	margin: 0 !important;

}

#call-2-action {

	position: inherit;

}

.slider-caption {

	top: 50px;

}

.slider-caption strong {

	font-size: 32px;

	line-height: 36px;

}

.slider-caption p {

	font-size: 16px;

	line-height: 28px;

}

.slider-caption a {

	display: none;

}

.e-numbers .em-box, .news-post .news-post-txt, .h2-Mayor-msg {

	padding: 15px;

}

.e-numbers .info-num h3 {

	font-size: 16px;

}

.event-post-full .thumb {

	width: 45%;

}

.event-post-full .event-post-content {

	width: 55%;

}

.event-post-full .event-post-txt {

	padding: 15px 15px 0 15px;

	width: 100%;

}

.image-post .news-post-txt p {

	display: none;

}

.event-meta li {

	margin: 0;

	display: inline-block;

}

.event-post-txt h5 {

	font-size: 20px;

}

.community-box ul {

	padding: 10px;

}

.community-box ul li a {

	font-size: 12px;

}

.community-box h6 {

	line-height: 40px;

	padding: 0 10px;

	font-size: 16px;

}

.some-facts strong {

	font-size: 28px;

}

.team-heading {

	padding: 0;

}

/*************************/



.h3-logo-row ul.quick-links {

	width: 100%;

}

.header-contact li {

	padding: 7px 10px;

}

.h3-navbar ul.navbar-right li.search-form {

	width: 190px;

}

.h3-navbar ul.navbar-right li.donate-btn {

	display: none;

}

.h3-navbar .navbar .navbar-nav>li>a {

	padding: 0px 10px;

	line-height: 60px;

}

.h3-navbar ul.navbar-right {

	margin: 15px 0;

}

.Mayor-video-msg .city-tour {

	margin: 0px;

}

.h3-slider-caption {

	top: 50px;

}

.h3-slider-caption strong {

	font-size: 32px;

	line-height: 36px;

}

.h3-slider-caption p {

	font-size: 18px;

}

.h3-slider-caption a {

	display: none;

}

.community-links-style-two, .recent-event-block, .news-box {

	margin: 0 0 30px;

}

.deprt-icon-box h6 {

	font-size: 14px;

}

ul.reports a {

	padding: 0 10px;

}

.recent-events .tab-content {

	padding: 30px 10px;

}

.recent-events .event-list li {

	margin-right: 5px;

}

.community-links-style-two {

	padding: 10px;

}

.community-links-style-two li a {

	font-size: 14px;

}

.department-links li a {

	font-size: 14px;

}

.fact-box strong {

	font-size: 18px;

}

.fact-box span {

	font-size: 12px;

}

.team-box .team-txt h5 {

	font-size: 20px;

}

.official-members .team-box .team-txt {

	padding: 17px 15px;

}

.team-details-txt .panel-heading .panel-title {

	font-size: 14px;

	line-height: 26px;

}

.team-details-txt .panel {

	box-shadow: none;

	margin: 5px 0 !important;

}

.classic-gallery .isotope .item.width2 {

	width: 50%;

	height: auto;

}

.filter-gallery .isotope .item, .filter-gallery .isotope .item.height2, .classic-gallery .isotope .item {

	height: auto;

}

.filter-gallery .isotope .item.width2 {

	width: 66.6666%;

	height: auto;

}

.cs-txt .countdown.is-countdown {

	width: 100%;

	float: left;

	margin: 0 0 70px;

	padding: 0 50px;

}

.cs-txt .countdown-section {

	width: 140px;

	height: 140px;

	border: 6px solid #f73859;

	display: inline-block;

	border-radius: 100%;

	margin: 0 5px;

	padding: 20px 0 0;

}

.cs-txt .countdown-amount {

	display: block;

	color: #fff;

	font-family: 'Poppins', sans-serif;

	font-size: 40px;

	font-weight: 800;

	line-height: 60px;

}

.cs-txt .countdown-period {

	display: block;

	color: #fff;

	text-transform: uppercase;

	font-size: 16px;

	font-weight: 500;

	font-family: 'Poppins', sans-serif;

}

.add-box {

	padding: 15px;

}

.add-box h5 {

	font-size: 20px;

}

}

 @media (min-width: 768px) and (max-width: 991px) {

.header .container {

	width: 100%;

}

.logo-nav-row .navbar-nav>li>a {

	padding: 10px 5px;

}

.logo-nav-row ul.nav.navbar-nav.navbar-right .bars-btn a, .logo-nav-row ul.nav.navbar-nav.navbar-right .search-btn a {

	line-height: 40px;

}

.topbar ul.left-links li:after {

	padding: 0 5px;

}

.right-links li {

	padding: 0 5px;

}

.logo-nav-row .bars-btn, .logo-nav-row .search-btn {

	height: 40px;

}

.navbar-nav>li:last-child .dropdown-menu {

	left: inherit;

	right: 0;

}

.navbar-nav>li:nth-last-child(2) .dropdown-menu {

	left: inherit;

	right: 0;

}

.dropdown-menu .sub-menu {

	left: inherit;

	right: 0;

}

.Mayor-msg {

	margin: 30px 0 0 0;

}

.event-post-txt {

	padding: 15px;

}

.event-post-loc a, .latest-updates ul {

	padding: 0 10px;

}

.latest-updates ul li strong {

	font-size: 16px;

}

.city-highlights .container-fluid {

	width: 100%;

	margin: 0 auto;

}

.white-text p {

	width: 100%;

}

.department-box ul {

	padding: 12px 10px 12px;

}

.department-box a {

	font-size: 13px;

}

.emergency-info {

	margin: 30px 0;

}

.call2action p {

	font-size: 30px;

}

.main-footer {

	margin: 0 !important;

}

#call-2-action {

	position: inherit;

}

.slider-caption {

	top: 50px;

}

.slider-caption strong {

	font-size: 32px;

	line-height: 36px;

}

.slider-caption p {

	font-size: 16px;

	line-height: 28px;

}

.slider-caption a {

	display: none;

}

.h2-Mayor-msg {

	padding: 15px;

}

.h2-Mayor-msg .Mayor-txt p {

	font-size: 16px;

}

.e-numbers .em-box {

	padding: 10px;

}

.e-numbers .info-num {

	position: relative;

	right: 0;

	top: 0;

	text-align: left;

	margin: 20px 0;

}

.footer-widget, .community-box, .event-post-full {

	margin: 0 0 30px;

}

.event-post-full .thumb {

	width: 45%;

}

.event-post-full .event-post-content {

	width: 55%;

}

.news-post .news-post-txt {

	padding: 20px;

}

.some-facts strong {

	font-size: 20px;

}

.team-heading {

	padding: 0;

	margin: 0 0 30px;

}

/************* Home3 ***********/



.h3-logo-row ul.quick-links {

	width: 100%;

}

li.header-weather {

	display: none;

}

.h3-navbar .navbar .navbar-nav>li>a {

	padding: 0px 10px;

	line-height: 40px;

}

.h3-navbar ul.navbar-right {

	margin: 15px 0;

}

.Mayor-video-msg .city-tour {

	margin: 0px;

}

.h3-slider-caption {

	top: 50px;

}

.h3-slider-caption strong {

	font-size: 32px;

	line-height: 36px;

}

.h3-slider-caption p {

	font-size: 18px;

}

.h3-slider-caption a {

	display: none;

}

.community-links-style-two, .recent-event-block, .news-box {

	margin: 0 0 30px;

}

.deprt-icon-box h6 {

	font-size: 16px;

}

/*******************************/



.subheader {

	padding: 50px 0;

}

.depart-info .deprt-icon-box {

	padding: 20px;

}

.community-links-style-two {

	padding: 15px;

}

.community-links-style-two li a {

	font-size: 14px;

}

.events-wrapper .event-post-full .event-post-content {

	width: 55%;

}

.events-wrapper .event-post-full .thumb {

	width: 45%;

}

.service-page-bottom .newsletter-form, .event-list-box {

	padding: 10px;

}

.event-list-box .event-title {

	width: 41%;

}

.city-updates {

	margin: 0 0 30px;

}

.department-links li a {

	font-size: 14px;

}

.fact-box strong {

	font-size: 18px;

}

.service-page-bottom .emergency-info {

	margin: 0px;

}

.campaign-txt h5 {

	font-size: 20px;

}

.sdb-left {

	width: 100%;

}

.sdb-right {

	width: 100%;

	padding: 10px 0 0 0;

}

.filter-gallery .isotope .item.height2, .filter-gallery .isotope .item, .classic-gallery .isotope .item {

	height: auto;

}

.classic-gallery .isotope .item.width2 {

	width: 50%;

	height: auto;

}

.filter-gallery .isotope .item.width2 {

	width: 66%;

	height: auto;

}

.donator-details li.half, .payment-method li.half {

	width: 100%;

	padding: 0px;

	margin: 0 0 10px;

}

.radio-boxes input[type=radio].css-radio+label.css-label {

	width: 82px;

	font-size: 16px;

}

.login-account {

	padding: 20px;

	margin-bottom: 30px;

}

.page-404 {

	overflow: hidden;

}

.wrap-404 {

	margin: 50px auto;

}

.wrap-404 strong.title-404 {

	font-size: 125px;

	line-height: 100px;

}

.wrap-404 input.form-control {

	width: 70%;

}

.search-form {

	padding: 0 15px;

}

.cs-txt {

	width: 100%;

	padding-top: 50px;

}

.cs-newsletter-form button.subscribe {

	font-size: 14px;

	padding: 0 10px;

}

.cs-newsletter-form {

	width: 100%;

	margin: 0 0 30px;

}

.cs-txt .countdown.is-countdown {

	width: 100%;

	float: left;

	margin: 0 0 70px;

	padding: 0 50px;

}

.cs-txt .countdown-section {

	width: 140px;

	height: 140px;

	border: 6px solid #f73859;

	display: inline-block;

	border-radius: 100%;

	margin: 0 5px;

	padding: 20px 0 0;

}

.cs-txt .countdown-amount {

	display: block;

	color: #fff;

	font-family: 'Poppins', sans-serif;

	font-size: 40px;

	font-weight: 800;

	line-height: 60px;

}

.cs-txt .countdown-period {

	display: block;

	color: #fff;

	text-transform: uppercase;

	font-size: 16px;

	font-weight: 500;

	font-family: 'Poppins', sans-serif;

}

.add-box {

	padding: 10px;

}

.add-box h5 {

	font-size: 18px;

}

}

 @media (min-width: 280px) and (max-width: 767px) {

.main-content {

	overflow: hidden;

}

.logo-nav-row ul.nav.navbar-nav.navbar-right, .header .topbar ul.right-links {

	display: none;

}

.topbar ul.left-links li:after {

	padding: 0 2px;

}

.logo-nav-row .navbar-brand {

	margin: 0px;

}

.logo-nav-row .navbar-toggle {

	background: #144b8c;

	margin: 25px 0 0 0;

}

.logo-nav-row .navbar-toggle .icon-bar {

	background: #fff;

}

.logo-nav-row .navbar-nav>li>a {

	padding: 10px 0;

}

.dropdown-menu .sub-menu {

	position: relative;

	left: 0;

	top: 100%;

	display: block;

	padding: 0px;

	width: 199px;

	box-shadow: none;

}

.dropdown-menu .sub-menu a {

	font-size: 12px;

	background: #fff;

	border-bottom: 2px solid #f1f1f1;

}

.Mayor-msg {

	margin: 30px 0 0 0;

}

.Mayor-thumb img {

	width: 100%;

	height: auto;

}

.department-box, .event-post, .latest-updates {

	margin: 0 0 30px;

}

.city-highlights .container-fluid {

	width: 100%;

	margin: 0 auto;

	padding: 0px;

}

.city-highlights .owl-carousel .owl-nav button.owl-next {

	right: 0;

}

.city-highlights .owl-carousel .owl-nav button.owl-prev {

	left: 0px;

}

.city-highlights .owl-carousel .owl-nav button.owl-next, .city-highlights .owl-carousel .owl-nav button.owl-prev {

	width: 35px;

	height: 35px;

	border-radius: 0px;

}

.team-box .team-thumb, .team-box .team-txt, .city-team .title-style-1 p, .white-text p {

	width: 100%;

}

.team-box .team-txt {

	padding: 27px 30px 10px 30px;

}

#call-2-action {

	position: inherit;

}

.h2-Mayor-msg .Mayor-txt, .h2-Mayor-msg {

	padding: 15px;

}

.h2-Mayor-msg .Mayor-txt, .h2-Mayor-msg .Mayor-img {

	width: 100%;

}

.e-numbers .em-box, .h2-Mayor-msg {

	margin: 0 0 30px;

}

.e-numbers {

	margin: 30px 0 0;

}

.e-numbers .info-num {

	position: inherit;

	text-align: left;

	margin: 0 0 30px;

}

.h3-logo-row ul.quick-links, .some-facts ul li, .event-post-full .event-post-content, .event-post-full .thumb {

	width: 100%;

}

.header-two .topbar p {

	font-size: 12px;

}

.become-vol {

	line-height: 34px;

	font-weight: 600;

	padding: 0 10px;

	font-size: 12px;

}

.cross-btn {

	font-size: 12px;

	width: 34px;

	line-height: 34px;

}

.banner-tags, .owl-carousel .owl-item .slider-caption img {

	display: none;

}

.footer-widget, .textwidget, .official-members .team-box, .community-box, .event-post-full {

	margin: 0 0 30px;

}

.news-post.image-post p, .image-post .news-post-txt .news-meta {

	display: none;

}

.some-facts ul li {

	border: 0px;

}

.team-heading {

	padding: 0;

	margin: 0 0 30px;

}

.main-footer {

	margin: 0 !important;

}

.call2action p {

	font-size: 18px;

	line-height: 28px;

	padding: 15px;

}

/******** Home 3 ********/



.h3-logo-row ul.quick-links li {

	float: left;

	margin: 0 2px 5px 0;

}

.header-contact li {

	padding: 5px 7px;

	font-size: 13px;

}

.h3-navbar .navbar-toggle {

	background: #12498a;

}

.h3-navbar .navbar-toggle .icon-bar {

	background: #fff;

}

.h3-navbar .navbar .navbar-nav>li>a {

	line-height: 40px;

}

.h3-navbar .dropdown-menu .sub-menu {

	display: block;

	min-width: 100%;

	background: #fff;

}

.h3-navbar .dropdown-menu .sub-menu li a {

	background: #f1f1f1;

	padding: 0 30px;

}

.h3-navbar ul.navbar-right {

	display: none;

}

.Mayor-video-msg .city-tour {

	margin: 0 0 30px;

}

.recent-event-block, .news-box {

	margin: 0 0 30px;

}

.event-cap {

	padding: 10px;

}

.event-cap h5 {

	font-size: 18px;

}

.community-links-style-two, .recent-events .tab-content {

	padding: 15px;

}

.event-list li.el-title {

	width: 100%;

	margin: 15px 0;

}

.community-links-style-two li {

	width: 100%;

}

.site-pagination, .community-links-style-two {

	margin: 0 0 30px;

}

.subheader {

	padding: 50px 0;

}

.subheader h2 {

	font-size: 28px;

}

.newsletter-form button {

	margin: 10px 0 0;

}

.community-links-style-two.col3, .department-links li, .events-wrapper .event-post-full .event-post-content, .events-wrapper .event-post-full .thumb {

	width: 100%;

}

.event-gallery, .event-list-box {

	padding: 10px;

}

.event-details .event-counter {

	width: 100%;

	top: 0px;

	padding: 0 10px;

	text-align: center;

	margin: 10px 0;

}

.event-counter .countdown-amount {

	font-size: 28px;

}

ul.funds li strong, .event-counter .countdown-period {

	font-size: 12px;

}

.event-content {

	padding: 0px;

}

.event-content .event-date-share {

	display: none;

}

.city-updates, .h3-team-box {

	margin: 0 0 30px;

}

.service-page-bottom .newsletter-form, .facts-counter {

	padding: 20px;

}

.img-right {

	max-width: 100%;

	height: auto;

}

.causes-listing .campaign-txt h4 {

	font-size: 24px;

}

.sdb-left, .sdb-right, .causes-listing .campaign-thumb, .causes-listing .campaign-txt, .community-links-style-two.col3 li, .event-counter li.first-col, .event-counter li.snd-col, .event-counter li.trd-col, .event-list-box .event-title, .event-list-box ul li {

	width: 100%;

}

.sdb-right {

	padding: 20px 0 0;

}

.single-donation-box .radio-boxes li {

	padding: 0 3px 5px;

}

.team-details-txt .panel-heading .panel-title {

	font-size: 14px;

	line-height: 26px;

}

.team-details-txt .panel {

	box-shadow: none;

	margin: 5px 0 !important;

}

.filter-gallery .isotope .item, .filter-gallery .isotope .item.height2, .filter-gallery .isotope .item.width2, .classic-gallery .isotope .item.width2, .classic-gallery .isotope .item {

	width: 100%;

	height: auto;

}

.donations .radio-boxes li {

	padding: 0px 5px 5px 0;

}

.donator-details li.half, .payment-method li.half {

	width: 100%;

	padding: 0px;

	margin: 0 0 10px;

}

.login-account {

	padding: 20px;

	margin-bottom: 30px;

}

.page-404 {

	overflow: hidden;

}

.wrap-404 {

	width: 100%;

	margin: 50px 0;

}

.wrap-404 strong.title-404 {

	font-size: 125px;

	line-height: 100px;

}

.wrap-404 input.form-control {

	width: 70%;

}

.search-form {

	padding: 0 15px;

}

.cs-txt {

	width: 100%;

	padding-top: 50px;

}

.cs-newsletter-form button.subscribe {

	font-size: 14px;

	padding: 0 10px;

}

.add-box-2, .contact-form, .cs-newsletter-form {

	width: 100%;

	margin: 0 0 30px;

}

.map {

	clear: both;

}

.slider-caption, .h3-slider-caption {

	top: 20px;

}

.slider-caption strong, .h3-slider-caption strong {

	font-size: 18px;

	line-height: 26px;

}

.slider-caption p, .slider-caption a, .h3-logo-row ul.quick-links, .header-contact, .h3-slider-caption a, .h3-slider-caption p {

	display: none;

}

.city-tour img {

	width: 100%;

	height: auto;

}

.slide-content-box h1 {

	font-size: 14px !important;

	line-height: 20px !important;

	margin: 0 0 10px !important;

}

.slide-content-box p {

	display: none;

}

.slide-content-box a {

	font-size: 12px !important;

	line-height: 24px !important;

	padding: 0 20px !important;

}

.lb-ser-box {

	margin-bottom: 30px;

}

header .navbar-nav {

	margin: 0;

}





.Mayor-video-msg .city-tour { position:relative; z-index:99;}



div.pp_pic_holder {width:80%;}






}



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

body h1 {
    font-size: 1.2rem !important;
}
.some-facts ul li {
    float: left;
    width: 50% !important;
}

.some-facts ul li strong{
	font-size: 1.5rem;
}

.some-facts span {
	font-size: 1rem;
	font-weight: 500;
}
.fcfs-intro {
	text-align: justify;
}
.fcfs-points {
	text-align: left;
}
.white-text p {
    color: #fff;
    width: 100% !important;
}


.p80 {
    padding: 40px 0 !important;
}
.section-title h2, h3, h4, h5 {
    font-weight: 600;
    color: #333;
    margin: 0 0 13px;
    font-size: 1.4rem !important;
    padding-bottom: 1rem;
}
.title-style-2 p, .title-style-1 p {
	font-size: 0.9rem !important;
}
.lb-ser-box h6 { font-size: 16px;}

.lb-ser-box li:last-child {
    margin: 0px;
    margin-bottom: 1rem !important;
}

.why-mhada .why-box {
	padding: 1rem;
}
.why-mhada p{
	    margin-bottom: 2rem !important;
    padding: 0 !important;
}
.blog-content h5 {
    font-weight: 600;
    margin-bottom: 0;
    padding-bottom: 0.5rem !important;
}
.emergency-numbers {
    background: none !important;
    background-size: cover;
    padding: 40px 0 !important;
}
.latest-updates {
	margin-top: 3rem;
}
.footer-contact strong{
	color: #fff;
}


.footer-widget ul li {
    line-height: 23px;
}

.dropdown{
	padding: 0 !important;
}


 }