/* DESKTOP WIDE */
@media only screen
and (min-width: 1350px) /* and above */
{ 
	/* Styles */
}

/* DESKTOP NARROW */

@media only screen
and (max-width: 1152px) /* and below */
{ 
	.container{max-width: 1024px;}
	a.logo{ left: 20px;}
	a.logo h1 img{max-width: 90%;}
	header nav.extended ul{width: 75%;}
	header nav.extended ul li { padding: 10px 2px;}
	header nav.extended ul li a, 
	header nav.extended ul li.white, 
	header nav.extended ul li form input[type=text] {font-size: 90%;}
	header nav.main ul li div a {font-size: 115%;}
	header nav.main .container > ul > li {padding: 20px 0px;}
	
	.slideshow{height: 397px;}
	section.cycle-slideshow .slide .slide-info{top: 95px;}
	.advantages div h3{ font-size: 110%;}
	
	.advantages{top: 316px; width: 97%; margin: 0px 10px;}
	
	.sites-buildings {padding: 0px 20px;}
	/* .sites-buildings .heading h2{ width: 38%;} */
	
	.contact-callout{ width: 100%; margin-top: 40px; position: relative; top: 15px;}
	.contact-callout p{padding-right: 30px; left: 45px;}
	.contact-callout img {left: 75px;}
	
	div.cycle-controls{ top: 190px;}

	header nav.main ul ul{top:40px; left: -20px;}
	@-moz-document url-prefix() {header nav.main ul ul{top:30px;}}
	header nav.main ul ul li a{ font-size: 90%;}
	header nav.main ul li.last div ul{left: -190px;}
	header nav.main ul li.last a{padding-right: 10px;}
	
	.subfooter{ padding: 15px 20px;}
	
}

/* TABLET */
@media only screen
and (max-width: 1023px) /* and below */
{ 
	.desktop{ display: none;}
	.tablet{ display: block;}
	.mobile{ display: none;}
	.sites-buildings .one-half{ width: 48%;}	
	footer div.borders {padding: 0px 0px 10px 15px;}
	
}

@media only screen
and (max-width: 924px) /* and below */
{ 
	a.logo h1 img{max-width: 70%;}
	.interior > aside p{font-size: 100%;}
	header nav.extended ul li form{width: 150px;}
	form input[type=text], form textarea{ width: 60%;}
	header nav.main ul li div a {font-size: 100%;}
	header nav.main .container > ul > li {padding: 15px 0px;}
	header nav.extended ul li, header nav.extended ul li.search{ padding: 4px 2px;}
	header nav.extended ul li a, 
	header nav.extended ul li.white, 
	header nav.extended ul li form input[type=text] {font-size: 80%;}
	
	div.cycle-controls{ top: 145px}
	
	.slideshow{height: 378px;}
	section.cycle-slideshow .slide .slide-info{ top: 95px;}
	.advantages{top: 292px; border-radius: 0px; height: 85px; width: 100%; margin: 0px;}
	.advantages div{ padding: 8px 0px;}
	.advantages div h3{ font-size: 100%;}
	
	section.cycle-slideshow .slide .slide-info h2{ font-size: 140%;}
	section.cycle-slideshow .slide .slide-info p{ font-size: 95%;}
	.btn.yellow{ font-size: 85%; padding: 8px;}
	
	.sites-buildings .one-half{ width: 45%;}
	/* .sites-buildings .heading h2{ width: 45%;} */
	
	.sites-buildings figure div{ width: 100%; float: none; margin-bottom: 20px;}
	.sites-buildings figure div a{ display: block;}
	.sites-buildings figure figcaption{ width: 100%; float: none;}
	.sites-buildings figure figcaption * {width: 90%;}
	
	.contact-callout p{ font-size: 120%;}
	
	header nav.main ul ul{top:35px; left: -18px; width: 200px;}
	@-moz-document url-prefix() {header nav.main ul ul{top:30px;}}
	header nav.main ul ul li a{ font-size: 90%;}
	header nav.main ul li.last div ul{left: -155px; width: 200px;}
	
	footer img.pull-left{display: none;}
	footer div .one-half{ width: 100%;}
	
	aside.append-aside{display: none;}
	div.appended, div.appended aside{display: block;}
	
	.breadcrumbs ul li{font-size: 90%;}
	.breadcrumbs ul li a{font-size: 100%;}
	article > p img{ width: 50%; }
}

/* MOBILE WIDE */
@media only screen
and (max-width: 767px) /* and below */
{ 
	.desktop{ display: none;}
	.tablet{ display: none;}
	.mobile{ display: block;}
	.hidden-mobile{display: none;}
	
	header nav.extended ul, header nav.main .container > ul,
	.advantages, .sites-buildings, .contact-callout{display: none;}	
	
	a.logo{ left: 10px; top: 10px;}
	
	.slideshow{ height: 250px; overflow: hidden;}
	
	section.cycle-slideshow .slide .slide-info{left: 55%; top: 100px; position: absolute; width: 45%;}
	section.cycle-slideshow .slide .slide-img{left: -30%; width: 90%;}
	
	.mobile.buttons a{ width: 44%;}
	
	footer{ margin-top: 0px;}
	
	.mobile-nav li{ margin: 10px 5px;}
	.mobile-nav li.search{ background: #333333; margin: 0px 5px;}
	.mobile-nav li.search form{ padding: 5px 0px; }
	.search form input[type=text] { background: none; border: none; width: 85%; padding-left: 0px; margin-right: 10px;color: #ffffff;}
	.search form input[type=image] {margin-right: 20px;}
	
	div.cycle-controls {top: 190px;}
	
	.interior > aside{ display: none;}
	.interior > article{ width: 95%;}
	.interior article{border-left: none;}
	.interior article > * {padding: 10px; padding-left: 0px;}
	
	.breadcrumbs{ width: 100%;}
	.breadcrumbs ul{display: none;}
	.breadcrumbs select{ width: 90%; margin-left: 20px;}
	
	.subfooter .pull-left{ float: none; margin: 20px 0px 0px;}
	.subfooter .pull-right {display: none;}

}

@media only screen
and (max-width: 720px) /* and below */
{ 

	div.cycle-controls {display: none;}
	.interior > article aside{width: 100%;}

}

@media only screen
and (max-width: 550px) /* and below */
{ 

	.search form input[type=text] { width: 77%;}
	.mobile.buttons a{ width: 90%;}
	.slideshow{ height: 180px;}
	section.cycle-slideshow{ margin-top: -50px;}
	section.cycle-slideshow .slide .slide-info{ top: 65px;}
	.cycle-controls, .slide-info a {display: none;}
	section.cycle-slideshow .slide .slide-img{left: -30%; width: 90%;}
	section.cycle-slideshow .slide .slide-info h2{ font-size: 100%; margin-bottom: 10px; margin: 10px 0px;}
	section.cycle-slideshow .slide .slide-info p{ font-size: 90%;}
	
	article > p img, article > p a.image, article > p a.image img{ float: none; width: 100%; clear: both; margin-left: 0px;}
	
	.interior article > table{ margin-left: 0px;}
	
	.interior article > p a, .interior article > ul a {display: inline;}
	
	
}

/* MOBILE NARROW */
@media only screen
and (max-width: 321px) /* and below */
{ 
	.search form input[type=text] { width: 72%;}
	section.cycle-slideshow .slide .slide-info{top: 60px;}
	section.cycle-slideshow .slide .slide-img{left: -45%; width: 110%;}
}



/* ----------- Updated 8.7.13 ----------- */
/* ----------- Phones / Small mobile screens
		240 x 300, HTC Wildfire
		320 x 480, iPhone, Xperia Tipo
		480 x 800, Galaxy S, SII, LG Optimus 3D
		480 x 854, Xperia X10
		540 x 960, Razr, Droid Razr, Droid 4, Photon 4G, HTC EVO 3D
		640 x 960, iPhone4
		640 x 1136, iPhone5
  ----------- Large Mobile Screens
		720 x 1280, Galaxy Nexus, Galaxy S III, M. Atrix HD, Razr Maxx, HTC One X
		768 x 1280, Nexus 4
		800 x 1280, Galaxy Note
  ----------- Tablets
		600 x 1024, Kindle Fire 2
		768 x 1024, iPad
		800 x 1280, Galaxy Note
		1200 x 1920, Kindle Fire HD
		1280 x 800, Nexus 7 
  ----------------------------------------------- */

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 240px) 
and (max-device-width : 719px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-device-width : 240px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-device-width : 240px) {
/* Styles */
}

/* Tablets (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 720px) 
and (max-device-width : 1280px) {
/* Styles */
}

/* Tablets (landscape) ----------- */
@media only screen 
and (min-device-width : 720px) {
/* Styles */
}

/* Tablets (portrait) ----------- */
@media only screen 
and (max-device-width : 720px) {
/* Styles */
}