/* 
  ------------------------------------------------
  PVII CSS Column Composer Magic
  Copyright (c) 2011-2012 Project Seven Development
  www.projectseven.com
  Responsive Rules
  ------------------------------------------------
*/


/*MEDIA QUERIES*/


/*SMARTPHONE AND NARROW WINDOWS (LESS THAN 720PX WIDE)*/
@media only screen and (min-width: 0px) and (max-width: 719px) {
#logo {height: auto !important; width: auto !important; max-width: 100%; position: static;}
#masthead .p7ccm-col {display: block; position: static; width: auto;}
#masthead .p7ccm06-1col-column1-cnt {display: block; text-align: left; height: auto; padding-left: 10px;}
.horizontal-menu {text-align: left; width: auto; word-spacing: normal;}
.horizontal-menu a {border: none;}
#logo { 
    position: static; 
} 

body {min-width: 0px !important;}
.p7ccm-col {
	float: none !important;
	width: auto !important;
	position: static !important;
	margin: 0px !important;
}
.p7ccm01-content, .p7ccm02-content, .p7ccm03-content, .p7ccm04-content, .p7ccm05-content, .p7ccm06-content {
	padding: .5em 1.5em !important;
	border: none !important;
	height: auto !important;
	max-height: 888678px;
}
.p7CCM01, .p7CCM02, .p7CCM03, .p7CCM04, .p7CCM05, .p7CCM06 {
	min-width: 0px !important;
	max-width: none !important;
	width: auto !important;
}
}

/*Medium Windows and Tablets*/
@media only screen and (min-width: 720px) and (max-width: 1000px) {
#logo {height: auto !important; width: auto !important; max-width: 100%;}
body {min-width: 0px !important;}
.p7CCM01, .p7CCM02, .p7CCM03, .p7CCM04, .p7CCM05, .p7CCM06 {
	min-width: 0px !important;
	max-width: none !important;
	width: auto !important;
}
}

/*Smartphones ONLY - Use this Query to include additional special rules for smartphones only.*/
@media only screen and (max-device-width: 480px) {
}