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


/*MEDIA QUERIES*/
/*
For media queries to work correctly in 
mobile devices, you must add this viewport meta tag to your page:
<meta name="viewport" content="width=device-width">
(place the query in the head region)
*/

/*SMARTPHONE AND NARROW WINDOWS (LESS THAN 680PX WIDE)*/
@media only screen and (min-width: 0px) and (max-width: 799px) {
.p7ccm-col {
	float: none;
	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;
	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;
}
}
@media only screen and (min-width: 800px) and (max-width: 1000px) {
.p7CCM02,  .p7CCM03,  .p7CCM04,  .p7CCM05,  .p7CCM06 {
	min-width: 0px !important;
	max-width: none !important;
	width: auto !important;
}
}

/*Smartphones ONLY*/
@media only screen and (max-device-width: 480px) {
}

/*Portrait Tablet ONLY. Use this query to add rules for tablets in Prtrait orientation.
Landscape tablets should get a normal and unaltered display.*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
}