@media(max-width:1366px) {
#banner .caption{top:50px}
.footer-section-1::before{height:100%;background-size:cover;width:570px}
.news-widget .text-area a,.news-widget .text-area span{color:#fff}
}
@media(max-width:1280px) {
#banner .caption{top:50px}
.news-widget .text-area a,.news-widget .text-area span{color:#fff}
.footer-section-1:before{height:100%;background-size:cover;width:646px}
}

@media(max-width:640px) {
.col-xss-12{width:100%;}
.xss-text-center{text-align:center;}
}
@media(max-width:767px) {
#nav-tab #nav-home-tab {display:block ; text-align: center;}
#nav-tabContent {padding: 174px 0px ;}
.top-row .left-box ul li{padding:0 18px 0 0}
.news-detail.news-section .box{width:100%;margin:0 0 20px}
.top-row .left-box{padding:0 0 20px}
.top-row{text-align:center}
.top-row a.btn-style-1{float:none;display:inline-block;margin-bottom:7px}
strong.logo{width:100%;text-align:center;margin:0 0 10px}
.menu-col{width:100%}
.menu-col-top{width:100%}
.cp-burger-nav{display:none}
.menu-col .navbar{width:100%}
.navbar-inverse .navbar-toggle{margin-right:0}
.header-search .fa{font-size:20px}
#nav li{float:none;display:block}
#nav{width:100%}
#nav li ul{width:100%;position:static;border:1px solid #ccc;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
#nav li ul li>ul{position:static;width:98%}
#banner .caption{top:15px}
#banner .caption .holder{width:100%}
#banner .caption .holder h1{font-size:33px;margin:0 0 7px}
#banner .caption .holder strong.title{font-size:24px;padding:0 0 10px}
.highlight-box{margin-bottom:20px}
.highlights-row .thumb{float:left;width:100%}
.highlights-row .thumb img{display:block;width:100%}
.highlights-row{padding:50px 0}
.services-board .owl-nav{top:-30px}
.services-board .box{margin:0}
.news-section a.btn-style-1,.upcoming-event a.btn-style-1{margin:0 0 10px}
.heading-style-1::before{display:none}
.governor-message .holder .image-frame{display:none}
.governor-message .holder .text-box{position:static;width:100%;padding:0 20px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.governor-message .holder{background:#000;height:auto;width:100%;float:left}
.department-section{margin:0}
.explore-section .btn-style-1{margin:0 0 15px}
.explore-section .video-frame{background-size:cover}
.explore-section .video-frame .modal-dialog{width:100%;padding:0 30px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.explore-section .video-frame .modal-body iframe{height:300px}
.community-citizen .box{margin-bottom:20px}
.community-citizen .holder{width:100%}
.footer-section-1::before{display:none}
.footer-box{margin-bottom:20px}
.footer-social strong.title{padding:0 0 20px}
.breadcrumb-col{width:100%;padding:20px 15px;margin-bottom:30px}
#inner-banner{margin-bottom:30px}
.about-section .text-box{margin-bottom:30px}
.about-section .video-frame{background-size:cover}
.about-section .video-frame .modal-dialog{width:100%;padding:0 30px;margin:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.about-section .video-frame .modal-body iframe{height:350px}
.about-section{padding-bottom:50px}
.gallery-box{margin:0 20px 40px 0}
.governor-space{margin:0}
.call-action-style-1 h2{font-size:28px}
.call-action-style-1 .space-box{width:100%}
#filter li a{padding:10px 23px}
.portfolio_block .col-md-4,.portfolio_block .col-md-4 img{width:100%}
.mayor-space{padding:40px 0}
.event-list .frame{float:left;width:100%}
.event-list .event-caption{width:100%;height:auto}
.blog-page .pagination-col{margin:20px 0 30px}
.popular-videos{margin-bottom:20px}
.video-frame-5{width:100%;margin:0 0 20px;background-size:cover}
.city-law .box img{width:100%}
.causes-list .frame{width:100%}
.causes-list .causes-box .text-box{width:100%}
.coming-soon .inner-content{width:100%}
.contact-style-1 .address .box{margin-bottom:20px}
.contact-style-1 .address{padding-bottom:20px}
.map-box-1 .map_canvas{height:300px}
.map-box-1{margin-bottom:20px}
.top-row,.menu-col-top .visible{display: none;}
.navbar-inverse .navbar-toggle{width:100%;margin-right:0}
.navbar-inverse .navbar-toggle .icon-bar{margin:4px auto 0}
.logo-row .btm-row{margin:0 0 10px}
.news-section .box{width:46%;margin:0 10px 30px}
.news-section a.btn-style-1{margin:-90px 0 0}
.department-section .box{width:30%;margin:0 10px 30px}
}
@media(min-width:320px) and (max-width:480px) {
	.menu-col-top ul li{ display: block; text-align: center; }
 
	#nav-tab #nav-home-tab {display:block ; text-align: center;}
	#nav-tabContent {padding: 174px 0px ;}
.top-row .left-box{padding:0;margin-bottom:15px}
.news-section .box{width:100%;margin:0 0 20px}
.menu-col-top a.btn-style-1,.header-search,.menu-col-top ul{}
.navbar-inverse .navbar-toggle{width:100%;margin-right:0}
.navbar-inverse .navbar-toggle .icon-bar{margin:4px auto 0}
.logo-row .btm-row{margin:0 0 10px}
.top-row{display:none}
.department-section .box{width:43%;margin:0 10px 30px}
.department-section .text-box h4{font-size:14px}
.coming-soon{padding:80px 0 0}
.error-section .holder{width:100%}
.error-section h1{font-size:145px;margin:0}
.error-section{padding:0 0 70px}
.contact-style-1 .address .box{margin-bottom:20px}
.contact-style-1 .address{padding-bottom:20px}
.map-box-1 .map_canvas{height:300px}
.map-box-1{margin-bottom:20px}
strong.logo-2 img{width:100%}
.coming-soon .inner-content{width:100%}
.coming-soon .inner-content h1{font-size:58px}
.coming-soon .inner-content p{margin-bottom:30px}
.coming-soon .inner-content h2{margin-bottom:20px}
.donation-section form ul li{margin:10px}
.donation-section form ul{margin-bottom:20px}
.call-action-style-2 .text-col{width:100%}
.causes-list .causes-box .text-box{width:100%}
.post-box .link-box a.link-text{font-size:20px}
.event-timer{display:none}
.media-news iframe{height:230px}
.media-news{margin-bottom:30px}
.popular-videos{margin-bottom:20px}
.video-frame-4{margin:0 0 20px;width:100%;background-size:cover}
.img-frame{margin:0 0 15px;width:100%}
.video-frame-5{margin:0 0 20px;width:100%;background-size:cover}
.explore-city .popular-videos .text-box{width:100%}
.explore-style-2 .popular-videos{width:100%;margin:0 0 20px}
.city-law{margin:30px 0}
.city-law .box img{width:100%}
.img-frame img{display:block;width:100%}
.media-left,.media-right,.media-body{float:left;width:100%}
.comments-section{margin-bottom:40px}
.event-list .event-caption{width:100%;padding:15px 10px}
.event-box{margin-bottom:30px}
.blog-page .pagination-col{margin:20px 0}
.event-list .frame{float:left}
#inner-banner h1{font-size:39px}
.news-list .frame{width:100%}
#inner-banner{padding:75px 0 120px;margin-bottom:30px}
.about-section .text-box{margin-bottom:40px}
.about-section .video-frame .modal-dialog{width:100%;margin:0;padding:0 40px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.about-section .video-frame .modal-body iframe{height:260px}
.gallery-box{margin:20px 0 40px}
.accordion-style-1{margin-bottom:40px}
.governor-space{margin:0}
.breadcrumb-col{width:100%;padding:20px 15px;margin-bottom:30px}
.call-action-style-1 h2{font-size:19px;line-height:24px}
.call-action-style-1 .space-box{width:100%}
#filter{text-align:center}
#filter li{float:none;display:inline-block;margin:4px 2px}
.mayor-office h2{font-size:26px}
.mayor-space{padding:40px 0}
.portfolio_block .col-md-4,.portfolio_block .col-md-4 img{width:100%}
.gallery-box .thumb{width:100%}
.gallery-box .thumb img{display:block;width:100%}
.accordion_cp{font-size:16px}
.top-row .left-box ul{display:block;text-align:center;float:none}
.top-row .left-box ul li{display:inline-block;float:none;padding:4px}
.top-row{text-align:center}
.top-row a.btn-style-1{display:inline-block;float:none}
strong.logo{width:100%;text-align:center;margin:0 0 10px}
.menu-col{width:100%}
.menu-col-top{float:left;width:100%}
.menu-col-top ul li{padding:0 60px}
.menu-col-top ul{margin:12px 0 0}
.cp-burger-nav{display:none}
.menu-col .navbar{float:left}
.header-search{margin:12px 0 0}
.header-search .fa{font-size:20px}
#banner .caption .holder{width:100%}
#banner .caption{top:20px}
#banner .caption .holder h1{font-size:15px;margin:0 0 7px}
#banner .caption .holder strong.title{font-size:13px}
#banner .caption .holder a.btn-style-2{display:none}
.highlight-box{padding:28px 20px}
.highlights-row .thumb{float:left;width:100%}
.highlights-row .thumb img{display:block;width:100%}
.highlights-row{padding:50px 0}
.services-board .owl-nav{top:0}
.menu-col .navbar-inverse{width:100%}
#nav li{float:none;display:block}
.navbar-inverse .navbar-toggle{margin-right:0}
#nav{width:100%}
#nav li ul{position:static;border:1px solid #ccc;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
#nav li ul li>ul{width:96%;position:static}
.facts-figures .holder .box strong.number{font-size:53px}
.facts-figures{margin-bottom:50px}
.news-section a.btn-style-1{margin:0 0 10px}
.news-section{padding:0}
.upcoming-event{padding:40px 0;height:auto}
.upcoming-event a.btn-style-1{margin:0}
.event-caption{width:100%;left:0;height:auto}
.governor-message .holder{width:100%;height:auto;background:#000;float:left}
.governor-message .holder .image-frame{display:none}
.governor-message .holder .text-box{position:static;width:100%;padding:0 15px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.explore-section .btn-style-1{margin:0 0 10px}
.explore-section .video-frame .modal-dialog{width:100%;padding:0 20px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.explore-section .video-frame .modal-body iframe{height:250px}
.explore-section .video-frame .close{right:0;z-index:999}
.popular-videos .popular-head h3{font-size:20px}
.popular-videos .text-col{float:left;width:100%}
.video-frame-1,.video-frame-2{margin:0;width:100%;background-size:cover}
.community-citizen .holder{width:100%}
.community-citizen .box{margin-bottom:20px}
.mayor-row{top:0}
.mayor-office,.mayor-colo-2{padding:25px 20px}
.mayor-colo-2 a.link,.mayor-office a.link{margin:0}
.community-citizen{padding-bottom:40px}
.footer-box{margin-bottom:30px}
.footer-section-1::before{display:none}
.footer-social ul{display:block;text-align:center}
.footer-social ul li{float:none;display:inline-block;padding:5px}
.footer-section-3 strong.copyrights{line-height:20px}
.heading-style-1::before{display:none}
.flex-prev,.flex-next{display:none}
.department-section{margin:0}
}
@media(min-width:768px) and (max-width:992px) {
.top-row .left-box ul li{padding:0 9px 0 0}
.post-box .text-box h3{font-size:23px}
.team-section{padding-top:50px}
.menu-col-top,.cp-burger-nav{display:none}
#nav{float:none;display:block;text-align:center}
#nav li{display:inline-block;float:none}
.menu-col .navbar{width:100%}
#nav li a{padding:15px 13px}
.logo-row .btm-row{margin:0}
.logo-row{padding:0}
#nav li ul li{float:left;width:100%}
.header-search{display:none}
.department-section{margin:0}
.footer-box{min-height:345px}
.contact-style-1 .address .box{min-height:265px}
.contact-style-1 .address{padding:0}
.map-box-1{margin-bottom:20px}
.map-box-1 .map_canvas{height:500px}
.causes-list .causes-box .text-box,.causes-list .frame{width:100%}
.coming-soon .inner-content{width:100%}
#inner-banner{margin-bottom:40px}
.video-frame-5{width:100%;background-size:cover;margin:0 0 20px}
.donation-section .input-box{min-height:98px}
.explore-city .popular-videos .text-col{margin:0 0 20px}
.city-law{margin:40px 0}
.city-law .box img{width:100%}
.call-action-style-1 .space-box{width:100%}
.event-list .frame{float:left;width:100%}
.event-list .event-caption{width:100%;height:auto}
.breadcrumb-col{width:100%}
.about-section .video-frame .modal-dialog{width:100%;padding:0 40px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.heading-style-1::before{display:none}
.accordion_cp{font-size:14px}
.gallery-box .thumb,.gallery-box .thumb img{width:100%}
.gallery-box{margin:10px 0 40px}
.team-section{padding-bottom:50px}
.governor-space{margin:0}
strong.logo{width:100%;text-align:center}
.menu-col{width:100%}
.menu-col-top{width:100%}
.header-search{float:left;margin:0}
.menu-col .navbar{margin:20px 0 0}
#nav li ul{left:inherit;right:0}
#nav li ul li>ul{left:inherit;right:100%}
#banner .caption{top:30px}
#banner .caption .holder h1{font-size:33px;margin:0 0 5px}
#banner .caption .holder strong.title{font-size:24px;padding:0 0 15px}
.highlights-row .thumb{float:left;width:100%}
.highlights-row .thumb img{display:block;width:100%}
.highlight-box{padding:28px 15px}
.facts-figures .holder .box strong.number{font-size:43px}
.facts-figures .holder .box span{font-size:21px;line-height:21px}
.governor-message .holder .image-frame{display:none}
.governor-message .holder{width:100%}
.governor-message .holder .text-box{position:static;width:100%;padding:0 30px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.explore-section .video-frame .modal-dialog{width:100%;padding:0 30px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.video-frame-1,.video-frame-2{width:100%;margin:0;background-size:cover}
.popular-videos .text-col{float:left;width:100%}
.community-citizen .holder{width:100%;float:left}
.community-citizen .box{margin-bottom:20px}
.mayor-office{padding:27px 20px}
.mayor-office a.link,.mayor-colo-2 a.link{margin:-28px 0 0}
.footer-section-1::before{display:none}
.footer-box{margin-bottom:30px}
.footer-section-1{padding:40px 0 0}
}
@media(min-width:993px) and (max-width:1199px) {
.highlights-row .thumb{float:left;width:100%}
.highlights-row .thumb img{display:block;width:100%}
.donation-section form ul li{margin:0 26px}
.services-board .box h3 a span{display:inline-block}
.post-box .text-box h3{font-size:19px}
.event-list .event-caption{width:360px;height:auto;padding:10px}
.highlight-box{padding:26px 20px}
.news-section .box .text-box{min-height:377px}
.department-section .text-box h4{font-size:14px}
.governor-message .holder .text-box{right:223px}
.popular-videos .text-col{float:left;width:100%}
.community-citizen .holder{width:100%}
.community-citizen .box ul li a{font-size:12px}
.footer-section-1::before{display:none}
.governor-message .holder{width:100%}
.menu-col{width:100%}
.menu-col-top{width:100%}
.menu-col .navbar{float:left}
#nav li a{padding:5px 25px 28px 0}
#banner .caption{top:50px}
#banner .caption .holder h1{font-size:37px}
.governor-message .holder .image-frame{display:none}
.mayor-office,.mayor-colo-2{padding:27px 30px}
.mayor-office a.link,.mayor-colo-2 a.link{margin:-28px 0 0}
.breadcrumb-col{width:100%}
.heading-style-1::before{display:none}
.gallery-box .thumb,.gallery-box .thumb img{width:100%}
.accordion_cp{font-size:16px}
.gallery-box{margin:10px 0 40px}
.governor-space{margin:0}
.footer-box h3{font-size:21px}
.services-board .box h3{font-size:20px}
.services-board .box{padding:38px 17px}
.news-list .frame{width:100%}
.news-section.news-list .box .text-box{min-height:inherit;width:100%}
.city-law .box img{width:100%}
.causes-btm-row ul li{margin-bottom:5px}
.causes-list .frame{width:308px}
.faq .accordion_cp{font-size:21px}
}