@media only screen and (max-device-width: 330px){
	#gecredit .get-approved{
		top: 20px;
	}
	
}

@media only screen and (max-device-width:400px){
	#gecredit .interest-free {
		top: 150px;
	}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 560px) {
	
	.wrapper { min-width: 320px; max-width: 560px; }

	/* ######### HEADER STYLING ########### */
	#header { background: #FFFFFF; display: block; height: auto; overflow: hidden; /*padding: 10px 0px 0px 0px;*/ min-width: 320px; max-width: 560px; }
		
		#header #logo { background: url('assets/imgs/new-logo.png') no-repeat; background-size: 100%; display: block; float: none; /*margin: 0px 0px 30px -1px;*/ overflow: hidden; width: 100%; }
			#header #logo a { display: block; width: 280px; height: 28px; }
		
		#header #rmenu { background: #52599C; color: #FFFFFF; display: block; font-size: 15px; /*padding: 18px 20px;*/ overflow: hidden; max-width: 500px; }
		
		#header #navigation { display: none; background: #E4E6E6; border-bottom: 1px solid #66707F; float: left; width: inherit !important; font-size: 11px !important; }
			#header #navigation li { display: block; float: none; position: relative; z-index: 9999; width: inherit !important; font-size: 11px !important; }
				#header #navigation li a { display: block; font-size: 11px !important; width: inherit !important; }
					#header #navigation li:hover a, #header #navigation li.current-menu-item a, #header #navigation li.current-page-ancestor a { background: #66707F; color: #FFFFFF; }
				
				
				#header #navigation li .sub-menu { background: #E4E6E6; box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.25); display: block; position: absolute; width: 250px; z-index: 9999; }
					#header #navigation li .sub-menu li { display: block; width: 200px; }
						#header #navigation li .sub-menu li a { background: transparent; color: #66707F; font-size: 13px; }
							#header #navigation li .sub-menu a:hover { color: #111111; }
	
	#free-quote {
    margin-top: 0;
    text-align: center;
	}
	#free-quote span {
		display: block;
	}
	.phnumber.btn.btn-primary {
		left:0;
		}	
	#slider { display: block; min-width: 320px; max-width: 540px; overflow: hidden; }
	
		
		#call .wrapper { width: inherit !important; }
		#call .ctabtn { float: none; margin: 0px auto 10px; }
		#call span	  { display: block; float: none; font-weight: bold; font-size: 13px; padding: 16px 0px; text-transform: uppercase; margin: 0px auto; }
		#call .phnumber { display: block; float: none; font-size: 31px; margin: 0px auto; padding: 7px; }
		
	
	#xabout {}
		
		#xabout .wrapper { width: inherit !important; }
		#xabout h1 { padding: 20px; margin: -50px 0px 0px 0px; font-size: 20px; }
		#xabout p  { padding: 0px 20px; }
	
	#ourbrands { padding: 40px 10px; }
		
		#ourbrands .wrapper { width: inherit !important; }
		#ourbrands ul li { width: 50%; padding: 10px 0px; text-align: center; }
			#ourbrands ul li a { width: 150px; padding: 0px !important; }
			#ourbrands ul li.samsung { width: 100%; }
	
	
	#proof { padding-bottom:0;}
		
		#proof .wrapper { width: inherit !important; }
		
		#proof h1 { padding: 0px; margin: 0px 0px 12px 0px; font-size: 20px; }
		#proof #text  { padding: 0px 20px; }
		
		#proof #customers { padding: 0px 20px; }
			#proof #customers li { width: auto; margin: 0px 0px 10px 0px; overflow: hidden; }
				#proof #customers li strong { margin: 25px 0px; }
				#proof #customers li span { display: block; }
				#proof #customers li#readall { text-align: left; }
					#proof #customers li#readall a { padding: 0px 20px; }
	
	
	#other {}
		
		#other #types {}
			
			#other #types #who strong { font-size: 11px; top: 35px; left: 60px; right: 10px; }
			#other #types #who h1 { font-size: 14px; padding: 20px; top: 65px; left: 0px; right: 0px; }
		
			#other #types #gecredit strong { color: #FFFFFF; text-transform: uppercase; font-size: 11px; top: 45px; position: absolute; left: 10px; }
				#other #types #gecredit strong:last-child { color: #FFFFFF; text-transform: uppercase; top: 140px; position: absolute; left: 10px; }
			
			#other #types #gecredit h1 { background: rgba(0, 0, 0, 0.50); color: #FFFFFF; font-size: 14px; text-transform: uppercase; padding: 20px; position: absolute; top: 70px; left: 0px; right: 0px; }
	#area-links ul {
		-webkit-columns: 100px 1;
		-moz-columns: 100px 1;
		columns: 100px 1;
		margin-left: 25px;
	}
	
	#gecredit .get-approved, #gecredit .interest-free {
		font-size:11px;
	}
	
	
	#footer { /*display: none;*/     padding: 60px 0px 0px 0px;}
	#footer #left {
		display: block;
		float: none; 
		margin-left: 25px;
	}
	#footer #left #links {
		display: block;
		margin: 0px 0px 20px 0px;
		overflow: hidden;
	}
	#footer #left #links li { border-right:none; float:none; margin: 0px; padding: 0px;}
	#footer #right { width:100%;}
	#footer #right #brands { display:none;}
	#footer #right #madeby {
    background: none;
    color: rgba(255, 255, 255, 0.5);
    display: block;
    /* float: right; */
    font-size: 10px;
    font-weight: 400;
    padding: 9px 0px;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    }
	
	
	#title { padding: 30px 20px; }
		#title h1 { font-size: 16px; }
	
	
	#content { padding: 30px 0px; }
		#content section.entry-content { padding: 0px 20px; }
		#content section article.testimonial { padding: 30px 20px; }
		
	
	#xaboutus #team { padding: 30px 0px; }
		#xaboutus #team h1 { margin: 0px 20px 30px 20px; }
		#xaboutus #team ul { display: block; margin: 0px 20px; }
			#xaboutus #team ul li, #xaboutus #team ul li.middle { display: block; float: left; text-align: center; line-height: 1.4; width: 140px; margin: 0px 0px 30px 0px; }
				#xaboutus #team ul li img { height: 100px; width: 100px; }
	
	
	#residential #types { display: block; height: 250px; overflow: hidden; position: relative; }
		
		#residential #types div a { height: 250px; }
		
		#residential #types #split h1 { background: rgba(0, 0, 0, 0.75); color: #FFFFFF; float: right; top: 100px; padding: 20px; position: absolute; right: 0px; font-size: 14px; left: 0px; }
		
		#residential #types #ducted h1 { background: rgba(0, 0, 0, 0.75); color: #FFFFFF; padding: 20px; position: absolute; bottom: 100px; font-size: 14px; text-align: left; left: 0px; right: 0px; }

	#commercial #types { display: block; height: 250px; overflow: hidden; position: relative; }
		
		#commercial #types div a { height: 250px; }
		
		#commercial #types #split h1 { background: rgba(0, 0, 0, 0.75); color: #FFFFFF; float: right; top: 100px; padding: 20px; position: absolute; right: 0px; font-size: 14px; left: 0px; }
		
		#commercial #types #ducted h1 { background: rgba(0, 0, 0, 0.75); color: #FFFFFF; padding: 20px; position: absolute; bottom: 100px; font-size: 14px; text-align: left; left: 0px; right: 0px; }
	
	
	#testimonials .testimonial:nth-child(even) .avatar { float: right; margin: 0px 0px 10px 30px; }
	#testimonials .testimonial:nth-child(even) .text { display: block; float: none; text-align: left; width: 275px; }	
	
	
	
	#contact .wpcf7 { margin: 0px; padding: 0px; width: 280px; }
	#contact .wpcf7 ul li.input { display: block; float: none; overflow: hidden; margin: 0px 0px 10px 0px; width: 280px; -webkit-appearance: none; border-radius: 0; }
		#contact .wpcf7 ul li.textarea textarea { width: 266px; -webkit-appearance: none; border-radius: 0; }
		#contact .wpcf7 ul li.input input, .wpcf7 ul li.textarea textarea { background: #FFFFFF; border: 1px solid #E4E6E6; color: #66707F; font-size: 13px; margin: 0px 0px 0px 0px !important; padding: 10px 6px; width: 266px; -webkit-appearance: none; border-radius: 0; }
		#contact .wpcf7 ul li.button input[type="submit"] { background: #08338f; border: 0px none; color: #FFFFFF; display: block; padding: 16px; width: 280px; font-weight: bold; text-transform: uppercase; float: left; font-size: 13px; -webkit-appearance: none; border-radius: 0; }
		
	#contact #map { height: 300px; }

	#contact #contact #info { display: block; float: left; margin: 30px 0px 10px 0px; text-align: left; }

	#breadcrumbs { padding: 0px; }
		#breadcrumbs #mobile { padding: 20px; }
	
	
	#brands .brands { display: block; margin: 0px 20px; overflow: hidden; }
		#brands .brands li span { display: block; float: none; margin: 0px auto 15px auto; height: 60px; width: 125px; }
			#brands .brands li a.img { height: 60px !important; display: block; width: 125px; background-size: 125px !important; margin: 0px auto; }
		
		#brands .brands li p { display: block; height: auto; }
	
	
	.gallery img { height: 98px; width: 98px; }
		.gallery .gallery-item { width: 114px !important; }
}