@media (max-width: 1200px) {

.phone-email .content ul li,
.phone-email .content ul li a{
	font-size:15px;
}
.phone-email .content ul li:before{
	font-size:15px;
}
.phone-email .content ul li.phone:before{
    padding-top:5px;    
}
.phone-email .content ul li.email{
	padding-left:22px;
}
.phone-email .content ul li.email:before{
    padding-top:4px;   
}

.menu-area{
	float:right;
	padding-top:38px;	
}
.menu-area ul.menu li {
	margin: 0px 7px 15px 7px;
}
.menu-area ul.menu li.first{
    display:none;
}
.menu-area ul.menu li a {
	font-size: 16px;
	padding: 5px 1px 2px 1px;
}

#block-block-2 h2{
	font-size:33px;
	line-height:42px;
}
#block-views-latest-news-block .content h2{
	font-size:30px;
	line-height:35px;
	margin-bottom:10px;
}
#block-views-latest-news-block .views-field-nid .news-details{
	padding:10px 0px 0px 0px;
}

.cal .weekdays li {
    font-size:15px;

}

#lavaca-sections1 .block .ordinance .heading,
#lavaca-sections1 .block .elected .heading,
#lavaca-sections1 .block .department .heading,
#lavaca-sections1 .block .recycling .heading{
	font-size:25px;
	line-height:32px;
}



}


@media (min-width: 768px) and (max-width: 991px) {
.top-bar{
	position:relative;
	margin-top:17px;
	overflow:hidden;
}
.header{
	position:relative;
	margin-top:-33px;
}
.logo img{	
    max-width:200px;
}
.cityof,
.phone-email{
	height:30px;
	padding:2px 10px 5px 10px;
}
.cityof{
	font-size:16px;
	margin-left:91px;
}

.menu-desktop{
	display:none;
}
.menu-mobile{
	display:block;
}
.menu-area{
	padding-top:15px;	
}

#about{
	padding:40px 0px 40px 0px;
}
#latest-news{
	padding:30px 0px 50px 0px;
}
#event-calendar{
	padding:40px 0px 50px 0px;	
}
#lavaca-sections1,
#lavaca-sections2{
	padding:50px 0px 50px 0px;
}

#block-block-2 h2{
	font-size:33px;
	line-height:42px;
}
#block-views-latest-news-block .content h2{
	font-size:25px;
	line-height:28px;
	margin-bottom:5px;
}
#block-views-latest-news-block .views-field-nid .news-details{
	padding:0px 0px 0px 0px;
}
#block-views-latest-news-block .views-field-nid .news-img img{
	padding:0px 15px 0px 0px;
}
#block-views-latest-news-block .views-field-nid .post-date{
	padding-bottom:5px;
}
#block-views-latest-news-block .views-field-nid .more-link{
	padding-top:0px;
}

#event-calendar .cal .col-sm-4{
    padding-left:5px;
    padding-right:5px;
}
.cal .weekdays li {
    font-size:13px;
    font-weight:400;
    font-family: 'Open Sans', sans-serif;
    padding:6px 0px 6px 0px;
}
.cal .days li {
    font-size:14px;
    font-weight:400; 
    font-family: 'Open Sans', sans-serif;
}
.cal .days li span {
	padding:6px 0px 6px 0px;
}


#lavaca-sections1 .block a{
	font-size:14px;
}
#lavaca-sections1 .block .col-sm-3{
	padding-left:5px;
	padding-right:5px;	
}
#lavaca-sections1 .block .ordinance,
#lavaca-sections1 .block .elected,
#lavaca-sections1 .block .department,
#lavaca-sections1 .block .recycling{
	min-height:345px;
	padding:10px 10px 10px 10px;
}


#lavaca-sections1 .block .ordinance .heading,
#lavaca-sections1 .block .elected .heading,
#lavaca-sections1 .block .department .heading,
#lavaca-sections1 .block .recycling .heading{
	height:300px;
	font-size:21px;
	line-height:25px;
}
#lavaca-sections1 .block .ordinance:hover .heading,
#lavaca-sections1 .block .elected:hover .heading,
#lavaca-sections1 .block .department:hover .heading,
#lavaca-sections1 .block .recycling:hover .heading{
	height:300px;
}
#lavaca-sections1 .block .ordinance .summary,
#lavaca-sections1 .block .elected .summary,
#lavaca-sections1 .block .department .summary,
#lavaca-sections1 .block .recycling .summary{
	height:50px;
	margin-top:-210px;
	line-height:23px;
}
#lavaca-sections1 .block .ordinance:hover .summary,
#lavaca-sections1 .block .elected:hover .summary,
#lavaca-sections1 .block .department:hover .summary,
#lavaca-sections1 .block .recycling:hover .summary{
	margin-top:-245px;
}


#lavaca-sections2 .block .school,
#lavaca-sections2 .block .weather,
#lavaca-sections2 .block .museum,
#lavaca-sections2 .block .chamber{
	padding:20px 10px 20px 10px;
}
#lavaca-sections2 .block .school .heading,
#lavaca-sections2 .block .weather .heading,
#lavaca-sections2 .block .museum .heading,
#lavaca-sections2 .block .chamber .heading{
	height:90px;
	font-size:18px;
	line-height:19px;
	padding:0px 0px 0px 45px;
}

#lavaca-sections2 .block .school .heading{		
	background-size: 42px 40px; 
}
#lavaca-sections2 .block .weather .heading{
	background-size: 40px 31px;
}
#lavaca-sections2 .block .museum .heading{
	background-size: 43px 36px;
}
#lavaca-sections2 .block .chamber .heading{
	background-size: 40px 36px;
}

#footer .block h2{
	font-size:19px;
}



}


@media (max-width: 767px) {

.top-bar{
	position:relative;
	margin-top:17px;
	overflow:hidden;
}
.header{
	position:relative;
	margin-top:-33px;
}
.logo img{	
    max-width:200px;
}
.cityof,
.phone-email{
	height:30px;
	padding:2px 10px 5px 10px;
}
.cityof{
	font-size:16px;
	margin-left:91px;
}

.menu-desktop{
	display:none;
}
.menu-mobile{
	display:block;
}
.menu-area{
	padding-top:15px;	
}


.flex-direction-nav a {
	width: 35px;
	height: 45px;
}
.flex-direction-nav a:hover{
	width: 45px;
}
.flex-direction-nav a.flex-prev:before,
.flex-direction-nav a.flex-next:before{
	font-size:17px;
	line-height:46px;
}



#about{
	padding:40px 0px 40px 0px;
}
#latest-news{
	padding:30px 0px 50px 0px;
}
#event-calendar{
	padding:40px 0px 50px 0px;	
}
#lavaca-sections1,
#lavaca-sections2{
	padding:50px 0px 50px 0px;
}

#block-block-2 h2{
	font-size:33px;
	line-height:42px;
}
#block-views-latest-news-block .views-field-nid .news-img{
	width:100%;
}
#block-views-latest-news-block .views-field-nid .news-details{
	width:100%;
	padding:20px 0px 0px 0px;
}
#block-views-latest-news-block .views-field-nid .news-img img{
	width:auto;
	max-width:250px;
	padding:0px;	
}

.cal .rm-header ul.weekdays{
	display:none;
}

#lavaca-sections1 .block .col-sm-3{
	padding-bottom:15px;	
}
#lavaca-sections2 .block .col-sm-3{
	padding-bottom:15px;	
}
#footer {
    background: #541865; 
}

body.page-node-2 #block-block-10{
	width:45%;
}
body.page-node-2 #block-system-main{
	width:50%;
}



}

@media (max-width: 600px) {

.phone-email .content ul li.email{
	padding-left:25px;
	display:none;
}

#about{
	padding:30px 0px 30px 0px;
}
#latest-news{
	padding:30px 0px 50px 0px;
}
#event-calendar{
	padding:40px 0px 50px 0px;	
}
#lavaca-sections1,
#lavaca-sections2{
	padding:50px 0px 50px 0px;
}

#block-block-2 h2{
	font-size:28px;
	line-height:32px;
}


body.page-node-2 #block-block-10,
body.page-node-2 #block-system-main{
	width:100%;
}




}



@media (max-width: 480px) {

.logo{
	position:relative;
	margin-left:-35px;
}
.cityof{
	margin-left:57px;	
}

.navigation-row .navcol{
	font-size:18px;
}
.navigation-row .navcol ul li:first-child{
	padding-right:15px;
}
.navigation-row .navcol ul li:first-child:after{
	top:1px;
}
.navigation-row .navcol ul li:first-child a{
	padding:0px 0px 0px 20px;
}
.navigation-row .navcol ul li:last-child a{
	padding:0px 20px 0px 2px;
}




}