@media only screen 
and (max-width : 1010px) {
	html, body{ -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
	img{max-width: 100%; height: auto;}
	header .container:after,#banner .container:after {content:"";display:none;}
	aside img, #banner .img01 {display:none;}
	header {border-bottom:10px solid #D91E1E;background-image: none;}
	#banner {background: url(../images/banner.png) repeat-x center top;}
	.page-content .home-img {margin-top:0;}
	
	.page-content p:first-child {text-align:left;}
	
	[class^=bbot] .bimg2, [class^=bbot] h4 {opacity:1;}
	
	header,#banner,#middle,footer{height:auto;padding:10px;margin:0;}
	.logo,.contactinfo{padding:0;float:none;margin:0 auto 10px;text-align:center;}
	.contactinfo {position: relative;z-index: 10;}
	.logo {margin-bottom:-15px;}
	.toggle-button { display: block; }
	.dropdown ul li:hover > ul {display: none;}
	
	#nav-area{padding:10px 10px 4px;height:auto;position: relative;width:100%;background: #6E6E6E;}
	/**nav ul{column-count:2;-webkit-column-count:2;-moz-column-count:2;}
	nav ul li{width:100%;margin:0 0 6px;border:1px solid #fff;}*/
	nav ul li{width:32%;margin:0 0 6px!important;border:1px solid #fff;}
	nav ul li a{line-height:40px;}
	nav ul li:after{content:""!important;}
	
	#slideshow,.box_skitter_large{display:none;}
	.Deslides {width:450px;height:450px;float:none;margin: 0 auto;}
	.Deslides .rslides{display:block;}
	.slogan {position: relative; top: auto; text-align: center;}
	
	#bottom{padding-bottom:0;height: auto;background: url(http://www.acadianheatingandairds.com/wp-content/themes/acadianheating/images/bottom.png) repeat-x center top #303030;}
	[class^=bottombox] {margin:0 0 10px!important;float:none;width:32%;height:auto;background:#D91E1E;border-radius:10px;overflow: hidden;padding: 15px;}
	[class^=bottombox]:hover {background:#F8E23C;}
	[class^=bottombox]:hover h4 span {color: #D91E1E;}
	[class^=bottombox]:hover h4 {color:#A7971E;}
	[class^=bottombox] h4 {position: static;background:none;width:100%;height: auto;padding: 0;line-height: 26px;text-align: center;}
	[class^=bottombox] h4 span{margin: 0;padding: 0;color: #ffe23c;}
	[class^=bottombox] img {display:none;}
	
	.bottom-bot {margin-top: 40px;padding-bottom: 35px;}

	#main{margin:0!important;padding:0!important;}
	#sidebar,.page-content{width:100%;padding:10px;float:none;}
	
	.footerboxes{margin:0 0 10px!important;}
	footer{padding-bottom:0;}
	.footerboxes1,.footerboxes2 {float:none;display:block;width:100%;text-align:center;}
	.foot1,.foot2 {display:inline-block;width:450px;max-width: 100%;border:2px solid #515151;padding:10px;margin:0 auto 10px;}
	.footerboxes1 .copyright {display: none;}
	.footerboxes3 {display: block;width: 100%;overflow: hidden;margin: 20px 0 0;padding: 20px 0;border-top: 3px solid #3A3A3A;}
	.footerboxes3 h4 {text-align: center;}
	#footer_nav ul {-webkit-column-count: auto; -moz-column-count: auto; -o-column-count: auto; column-count: auto;}
	
	#footer_nav ul li{display:inline-block;width:32%;margin:0 0 6px!important;padding:0;}
	#footer_nav ul li:after{content:"";}
	#footer_nav ul li a{line-height:35px;margin:0;text-align: center;width:100%;}
	
	#copyright{height:auto;padding:10px;display: block;background: #303030;}
	
	.content-title2, .content-title {padding-bottom: 15px;margin-bottom: 25px;}
}

@media only screen 
and (max-width : 800px) {
	nav ul li, #footer_nav ul li {width:49%;}
	[class^=bottombox] {width:49%;}
}

@media only screen 
and (max-width : 600px) {
	.nav-toggle-button, nav li, nav li span{display: block; }
	.home-img, .fright-img, .fleft-img, .fcenter-img,nav, .maincontents img{display: none; margin:0;}
	.Deslides,.bannerright,.rslides,.rslides_nav{display: none !important;}
	.page-content .thumball a .fcenter-img {display:block;}
	
	#nav-area{min-height:40px;}
	#nav-area p{display:block;} 
	.contactinfo {display:none;}
	.mobile-btn {display:block;}
	.social.icon-mobile { text-align: center; display:block; } 	
	
	nav{margin-top:30px;}
	nav ul li{display:block;width:100%;}
	.dropdown ul ul{position:relative;padding:0;}
	.dropdown ul ul ul{left:0;}
	.dropdown ul ul li a{width:100%;}
	
	#footer_nav ul li {width:100%;}
	.bottom-top {padding: 0 10px;}
	[class^=bottombox] {width:100%;}
	
	.page-content ul{padding-left:10px;}
	.page-content p{margin:10px 0!important;}
	.page-content .col2 {-webkit-column-count: auto;-moz-column-count: auto;-o-column-count: auto;column-count: auto;}
}

@media only screen 
and (max-width : 480px) {
	.page-content p {text-align:left;}
	.mobile-btn a {width: 350px;max-width:100%;}
}