/*
    Description: 	Pricing Tables Framework
    Author: 		InsideLab
    Version: 		1.0
*/

/*	--------------------------------------------------
	:: Tablet Portrait Design for a width of 1200px
	-------------------------------------------------- */

    @media only screen and (min-width:960px) and (max-width:1199px) {
		
        .wrapper { width:960px; }
		
		.pricing-tables .marginb3 { 
			margin:0;
		}
		
		.pricing-tables .header {
			height:100%;
		}
		
		.pricing-tables .section {
			height:100%;
		}
		
		.pricing-tables .footer {
			height:100%;
			padding:20px;
		}
		
	/*	--------------------------------------------------
		:: Pricing Tables default Blue 
		-------------------------------------------------- */

		.pricing-tables-default.pricing-tables-blue-default .header { 
			border-top:1px solid #314351; 
			border-left:none;
		}
		
		.pricing-tables-default.pricing-tables-blue-default .section { 
			border-top:4px solid #1467a2;
			border-bottom:4px solid #1467a2;
			border-left:none;
			border-right:none;
		}
		
	/*	--------------------------------------------------
		:: Pricing Tables default Green 
		-------------------------------------------------- */

		.pricing-tables-default.pricing-tables-green-default .header { 
			border-top:1px solid #4a5545; 
			border-left:none;
		}
		
		.pricing-tables-default.pricing-tables-green-default .section { 
			border-top:4px solid #239944;
			border-bottom:4px solid #239944;
			border-left:none;
			border-right:none;
		}
		
	/*	--------------------------------------------------
		:: Pricing Tables default Red 
		-------------------------------------------------- */

		.pricing-tables-default.pricing-tables-red-default .header { 
			border-top:1px solid #623b3b; 
			border-left:none;
		}
		
		.pricing-tables-default.pricing-tables-red-default .section { 
			border-top:4px solid #d33544;
			border-bottom:4px solid #d33544;
			border-left:none;
			border-right:none;
		}
		
	/*	--------------------------------------------------
		:: Pricing Tables default Orange 
		-------------------------------------------------- */

		.pricing-tables-default.pricing-tables-orange-default .header { 
			border-top:1px solid #8f4f40; 
			border-left:none;
		}
		
		.pricing-tables-default.pricing-tables-orange-default .section { 
			border-top:4px solid #cc5c11;
			border-bottom:4px solid #cc5c11;
			border-left:none;
			border-right:none;
		}
		
	/*	--------------------------------------------------
		:: Pricing Tables default Purple 
		-------------------------------------------------- */

		.pricing-tables-default.pricing-tables-purple-default .header { 
			border-top:1px solid #544557; 
			border-left:none;
		}
		
		.pricing-tables-default.pricing-tables-purple-default .section { 
			border-top:4px solid #a542ae;
			border-bottom:4px solid #a542ae;
			border-left:none;
			border-right:none;
		}
		
	/*	--------------------------------------------------
		:: Pricing Tables Default Light Version
		-------------------------------------------------- */
		
		.pricing-tables-default.pricing-tables-light-default .section .divider-res-section {
			border-bottom:2px solid #ccc;
		}
			
	/*	--------------------------------------------------
		:: Pricing Tables Default Dark Version
		-------------------------------------------------- */
		
		.pricing-tables-default.pricing-tables-dark-default .section .divider-res-section {
			border-bottom:2px solid #314351;
		}
		
    }

/*	--------------------------------------------------
	:: Tablet Portrait Design for a width of 960px
	-------------------------------------------------- */

    @media only screen and (min-width:768px) and (max-width:959px) {
		
        .wrapper { width:768px; }
		
		.pricing-tables .marginb3 { 
			margin:0;
		}
		
		.pricing-tables .header {
			height:100%;
		}
		
		.pricing-tables .section {
			height:100%;
		}
		
		.pricing-tables .footer {
			height:100%;
			padding:20px;
		}
		
	/*	--------------------------------------------------
		:: Pricing Tables default Blue 
		-------------------------------------------------- */

		.pricing-tables-default.pricing-tables-blue-default .header { 
			border-top:1px solid #314351; 
			border-left:none;
		}
		
		.pricing-tables-default.pricing-tables-blue-default .section { 
			border-top:4px solid #1467a2;
			border-bottom:4px solid #1467a2;
			border-left:none;
			border-right:none;
		}
		
	/*	--------------------------------------------------
		:: Pricing Tables default Green 
		-------------------------------------------------- */

		.pricing-tables-default.pricing-tables-green-default .header { 
			border-top:1px solid #4a5545; 
			border-left:none;
		}
		
		.pricing-tables-default.pricing-tables-green-default .section { 
			border-top:4px solid #239944;
			border-bottom:4px solid #239944;
			border-left:none;
			border-right:none;
		}
		
	/*	--------------------------------------------------
		:: Pricing Tables default Red 
		-------------------------------------------------- */

		.pricing-tables-default.pricing-tables-red-default .header { 
			border-top:1px solid #623b3b; 
			border-left:none;
		}
		
		.pricing-tables-default.pricing-tables-red-default .section { 
			border-top:4px solid #d33544;
			border-bottom:4px solid #d33544;
			border-left:none;
			border-right:none;
		}
		
	/*	--------------------------------------------------
		:: Pricing Tables default Orange 
		-------------------------------------------------- */

		.pricing-tables-default.pricing-tables-orange-default .header { 
			border-top:1px solid #8f4f40; 
			border-left:none;
		}
		
		.pricing-tables-default.pricing-tables-orange-default .section { 
			border-top:4px solid #cc5c11;
			border-bottom:4px solid #cc5c11;
			border-left:none;
			border-right:none;
		}
		
	/*	--------------------------------------------------
		:: Pricing Tables default Purple 
		-------------------------------------------------- */

		.pricing-tables-default.pricing-tables-purple-default .header { 
			border-top:1px solid #544557; 
			border-left:none;
		}
		
		.pricing-tables-default.pricing-tables-purple-default .section { 
			border-top:4px solid #a542ae;
			border-bottom:4px solid #a542ae;
			border-left:none;
			border-right:none;
		}
		
	/*	--------------------------------------------------
		:: Pricing Tables Default Light Version
		-------------------------------------------------- */
		
		.pricing-tables-default.pricing-tables-light-default .section .divider-res-section {
			border-bottom:2px solid #ccc;
		}
			
	/*	--------------------------------------------------
		:: Pricing Tables Default Dark Version
		-------------------------------------------------- */
		
		.pricing-tables-default.pricing-tables-dark-default .section .divider-res-section {
			border-bottom:2px solid #314351;
		}
		
    }

/*	--------------------------------------------------
	:: Mobile Landscape Design for a width of 420px
	-------------------------------------------------- */

    @media only screen and (min-width:480px) and (max-width:767px) {
		
        .wrapper { width:420px; }
		
		.pricing-tables .header {
			height:100%;
		}
		
		.pricing-tables .section {
			height:100%;
		}
		
		.pricing-tables .footer {
			height:100%;
			padding:20px;
		}
		
	/*	--------------------------------------------------
		:: Pricing Tables default Blue 
		-------------------------------------------------- */

		.pricing-tables-default.pricing-tables-blue-default .header { 
			border-top:1px solid #314351; 
			border-left:none;
		}
		
		.pricing-tables-default.pricing-tables-blue-default .section { 
			border-top:4px solid #1467a2;
			border-bottom:4px solid #1467a2;
			border-left:none;
			border-right:none;
		}
		
	/*	--------------------------------------------------
		:: Pricing Tables default Green 
		-------------------------------------------------- */

		.pricing-tables-default.pricing-tables-green-default .header { 
			border-top:1px solid #4a5545; 
			border-left:none;
		}
		
		.pricing-tables-default.pricing-tables-green-default .section { 
			border-top:4px solid #239944;
			border-bottom:4px solid #239944;
			border-left:none;
			border-right:none;
		}
		
	/*	--------------------------------------------------
		:: Pricing Tables default Red 
		-------------------------------------------------- */

		.pricing-tables-default.pricing-tables-red-default .header { 
			border-top:1px solid #623b3b; 
			border-left:none;
		}
		
		.pricing-tables-default.pricing-tables-red-default .section { 
			border-top:4px solid #d33544;
			border-bottom:4px solid #d33544;
			border-left:none;
			border-right:none;
		}
		
	/*	--------------------------------------------------
		:: Pricing Tables default Orange 
		-------------------------------------------------- */

		.pricing-tables-default.pricing-tables-orange-default .header { 
			border-top:1px solid #8f4f40; 
			border-left:none;
		}
		
		.pricing-tables-default.pricing-tables-orange-default .section { 
			border-top:4px solid #cc5c11;
			border-bottom:4px solid #cc5c11;
			border-left:none;
			border-right:none;
		}
		
	/*	--------------------------------------------------
		:: Pricing Tables default Purple 
		-------------------------------------------------- */

		.pricing-tables-default.pricing-tables-purple-default .header { 
			border-top:1px solid #544557; 
			border-left:none;
		}
		
		.pricing-tables-default.pricing-tables-purple-default .section { 
			border-top:4px solid #a542ae;
			border-bottom:4px solid #a542ae;
			border-left:none;
			border-right:none;
		}
		
	/*	--------------------------------------------------
		:: Pricing Tables Default Light Version
		-------------------------------------------------- */
		
		.pricing-tables-default.pricing-tables-light-default .section .divider-res-section {
			border-bottom:2px solid #ccc;
		}
			
	/*	--------------------------------------------------
		:: Pricing Tables Default Dark Version
		-------------------------------------------------- */
		
		.pricing-tables-default.pricing-tables-dark-default .section .divider-res-section {
			border-bottom:2px solid #314351;
		}
		
    }

/*	--------------------------------------------------
	:: Mobile Portrait Design for a width of 300px
	-------------------------------------------------- */

    @media only screen and (max-width:479px) {
		
        .wrapper { width:300px; }
		
		.pricing-tables .header {
			height:100%;
		}
		
		.pricing-tables .section {
			height:100%;
		}
		
		.pricing-tables .footer {
			height:100%;
			padding:20px;
		}
		
	/*	--------------------------------------------------
		:: Pricing Tables default Blue 
		-------------------------------------------------- */

		.pricing-tables-default.pricing-tables-blue-default .header { 
			border-top:1px solid #314351; 
			border-left:none;
		}
		
		.pricing-tables-default.pricing-tables-blue-default .section { 
			border-top:4px solid #1467a2;
			border-bottom:4px solid #1467a2;
			border-left:none;
			border-right:none;
		}
		
	/*	--------------------------------------------------
		:: Pricing Tables default Green 
		-------------------------------------------------- */

		.pricing-tables-default.pricing-tables-green-default .header { 
			border-top:1px solid #4a5545; 
			border-left:none;
		}
		
		.pricing-tables-default.pricing-tables-green-default .section { 
			border-top:4px solid #239944;
			border-bottom:4px solid #239944;
			border-left:none;
			border-right:none;
		}
		
	/*	--------------------------------------------------
		:: Pricing Tables default Red 
		-------------------------------------------------- */

		.pricing-tables-default.pricing-tables-red-default .header { 
			border-top:1px solid #623b3b; 
			border-left:none;
		}
		
		.pricing-tables-default.pricing-tables-red-default .section { 
			border-top:4px solid #d33544;
			border-bottom:4px solid #d33544;
			border-left:none;
			border-right:none;
		}
		
	/*	--------------------------------------------------
		:: Pricing Tables default Orange 
		-------------------------------------------------- */

		.pricing-tables-default.pricing-tables-orange-default .header { 
			border-top:1px solid #8f4f40; 
			border-left:none;
		}
		
		.pricing-tables-default.pricing-tables-orange-default .section { 
			border-top:4px solid #cc5c11;
			border-bottom:4px solid #cc5c11;
			border-left:none;
			border-right:none;
		}
		
	/*	--------------------------------------------------
		:: Pricing Tables default Purple 
		-------------------------------------------------- */

		.pricing-tables-default.pricing-tables-purple-default .header { 
			border-top:1px solid #544557; 
			border-left:none;
		}
		
		.pricing-tables-default.pricing-tables-purple-default .section { 
			border-top:4px solid #a542ae;
			border-bottom:4px solid #a542ae;
			border-left:none;
			border-right:none;
		}
		
	/*	--------------------------------------------------
		:: Pricing Tables Default Light Version
		-------------------------------------------------- */
		
		.pricing-tables-default.pricing-tables-light-default .section .divider-res-section {
			border-bottom:2px solid #ccc;
		}
			
	/*	--------------------------------------------------
		:: Pricing Tables Default Dark Version
		-------------------------------------------------- */
		
		.pricing-tables-default.pricing-tables-dark-default .section .divider-res-section {
			border-bottom:2px solid #314351;
		}
		
    }