/* 

  ------------------------------------------------

  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) {

}