@media only screen and (max-width: 600px) 
{
.PWLoadingContainer #PWLogo
{
margin-top: 5px;
width: 40%;
min-width: 200px;
border: double;
border-width: thick;
}
.PWLoadingContainer #Loading
{
font-size: 1.45em;
}
.PWLoadingContainer
{
width: 100%;
min-width: 200px;
border: none;
margin-top: unset;
}
.ChooseAPlan
{
min-width: 250px;
width: 60%;
font-size: 1.05em;
border: none;
}
.ChooseAPlan > #plansavailable
{
width: 75%;
border: double;
border-width: thick;
}
.NewCustomer
{
overflow: none;
max-width: 800px;
border: double;
border-width: thick;
width: 90%;
min-width: 300px;
contain: content;
background-color: #fffacc;
text-align: left;
}
.NewCustomer form
{
margin-bottom: 5px;
}

.NewCustomer input[type='checkbox']{
cursor: pointer;
}
.NewCustomerBlock
{
display: inline-block;
width: 30%;
min-width: 80px;
margin-left: 5px
}
.NewCustomerBlock strong
{
width: 90%;
}
.NewCustomerBlock input
{
width: 90%;
}
.NewCustomerBlock textarea
{
max-width: 90%;
max-height: 100px;
}
.PurchasePlanPage
{
width: 90%;
min-width: 170px;

}
.PurchasePlanPage td
{
width: 50%;

}
.PurchasePlanPage table
{
width: 90%;
table-layout:fixed;
border-collapse: collapse;
}
.PurchasePlanPage #Terms
{
width: 90%;
max-height: 200px;
}
.PurchasePlanPage #submit
{
width: 25%;
min-width: 120px;
max-width: 200px;
}
.Btn
{
width: 50%;
font-size: 1em;
height: 40px;
min-width: 145px;
cursor: pointer
}
.CheckBoxSelect{
cursor: pointer;
display: inline-block;
}
.DataGraph
{
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		max-height: 95%;
		max-width: 95%;	
	}
} 

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) 
{
.PWLoadingContainer #PWLogo
{
margin-top: 5px;
width: 40%;
border: double;
border-width: thick;
}
.PWLoadingContainer #Loading
{
font-size: 1.7em;
}	
.PWLoadingContainer
{
width: 100%;
min-width: 200px;
border: none;
margin-top: unset;
}
.ChooseAPlan
{

width: 60%;
font-size: 1.1em;
border: none;
}
.ChooseAPlan > #plansavailable
{
width: 75%;
border: double;
border-width: thick;
}
.NewCustomer
{
overflow: none;
max-width: 800px;
border: double;
border-width: thick;
width: 90%;
background-color: #fffacc;
min-width: 300px;
contain: content;
text-align: left;
}
.NewCustomer form
{
margin-bottom: 5px;
}


.NewCustomer input[type='checkbox']{
cursor: pointer;
}
.NewCustomerBlock
{
display: inline-block;
width: 30%;
min-width: 80px;
margin-left: 5px
}
.NewCustomerBlock strong
{
width: 90%;
}
.NewCustomerBlock input
{
width: 90%;
}
.NewCustomerBlock textarea
{
max-width: 90%;
max-height: 100px;
}
.PurchasePlanPage
{
width: 90%;

}
.PurchasePlanPage td
{
width: 50%;

}
.PurchasePlanPage table
{
width: 75%;
table-layout:fixed;
border-collapse: collapse;
}
.PurchasePlanPage #Terms
{
width: 90%;
max-height: 200px;
}
.PurchasePlanPage #submit
{
width: 25%;
min-width: 120px;
max-width: 300px;
}
.Btn
{
width: 50%;
font-size: 1em;
height: 40px;
min-width: 145px;
cursor: pointer
}
.CheckBoxSelect{
cursor: pointer;
}
.DataGraph
{
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		max-height: 75%;
		max-width: 75%;	
	}
} 

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) 
{
.PWLoadingContainer #PWLogo
{
margin-top: 5px;
width: 40%;
border: double;
border-width: thick;
max-width: 800px;
}
.PWLoadingContainer #Loading
{
font-size: 1.95em;
}
.PWLoadingContainer
{
width: 100%;
min-width: 200px;
border: none;
margin-top: unset;
}
.ChooseAPlan
{

width: 60%;
font-size: 1.15em;
border: none;
}
.ChooseAPlan > #plansavailable
{
width: 75%;
border: double;
border-width: thick;
}
.NewCustomer
{
overflow: none;
max-width: 800px;
border: double;
border-width: thick;
width: 90%;
background-color: #fffacc;
text-align: left;
}
.NewCustomer form
{
margin-bottom: 5px;
}

.NewCustomer input[type='checkbox']{
cursor: pointer;
}
.NewCustomerBlock
{
display: inline-block;
width: 30%;
min-width: 80px;
margin-left: 5px
}
.NewCustomerBlock strong
{
width: 90%;
}
.NewCustomerBlock input
{
width: 90%;
}
.NewCustomerBlock textarea
{
max-width: 90%;
max-height: 100px;
}
.PurchasePlanPage
{
width: 90%;

}
.PurchasePlanPage td
{
width: 50%;

}
.PurchasePlanPage table
{
width: 75%;
table-layout:fixed;
border-collapse: collapse;
}
.PurchasePlanPage #Terms
{
width: 90%;
max-height: 200px;
}
.PurchasePlanPage #submit
{
width: 25%;
min-width: 120px;
max-width: 300px;
}
.Btn
{
width: 40%;
font-size: 1.1em;
height: 45px;
cursor: pointer;
}
.CheckBoxSelect{
cursor: pointer;
}
.DataGraph
{
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		max-height: 60%;
		max-width: 60%;	
	}
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

.PWLoadingContainer #PWLogo
{
margin-top: 5px;
width: 40%;
border: double;
border-width: thick;
max-width: 800px;
}
.PWLoadingContainer #Loading
{
font-size: 2.2em;
}
.PWLoadingContainer
{
width: 100%;
min-width: 200px;
border: none;
margin-top: unset;
}
.ChooseAPlan
{

width: 60%;
font-size: 1.2em;
border: none;
}
.ChooseAPlan > #plansavailable
{
width: 75%;
border: double;
border-width: thick;
}
.NewCustomer
{
overflow: none;
max-width: 800px;
border: double;
border-width: thick;
width: 90%;
background-color: #fffacc;
text-align: left;
}
.NewCustomer form
{
margin-bottom: 5px;
}
.NewCustomer input[type='checkbox']{
cursor: pointer;
}
.NewCustomerBlock
{
display: inline-block;
width: 30%;
min-width: 80px;
margin-left: 5px
}
.NewCustomerBlock strong
{
width: 90%;
}
.NewCustomerBlock input
{
width: 90%;
}
.NewCustomerBlock textarea
{
max-width: 90%;
max-height: 100px;
}
.PurchasePlanPage
{
width: 90%;

}
.PurchasePlanPage td
{
width: 50%;

}
.PurchasePlanPage table
{
width: 75%;
table-layout:fixed;
border-collapse: collapse;
}
.PurchasePlanPage #Terms
{
width: 90%;
max-height: 200px;
}
.PurchasePlanPage #submit
{
width: 25%;
min-width: 120px;
max-width: 300px;
}
.Btn
{
width: 25%;
font-size: 1.25em;
height: 55px;
cursor: pointer;
}
.CheckBoxSelect{
cursor: pointer;
}
.DataGraph
{
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		max-height: 60%;
		max-width: 60%;	
	}
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) 
{
.PWLoadingContainer #PWLogo
{
margin-top: 5px;
width: 40%;
border: double;
border-width: thick;
max-width: 800px;
}
.PWLoadingContainer #Loading
{
font-size: 2.45em;
}
.PWLoadingContainer
{
width: 100%;
min-width: 200px;
border: none;
margin-top: unset;
}
.ChooseAPlan
{
border: none;
width: 60%;
font-size: 1.25em;
}
.ChooseAPlan > #plansavailable
{
width: 75%;
border: double;
border-width: thick;
}
.NewCustomer
{
overflow: none;
max-width: 800px;
border: double;
border-width: thick;
width: 90%;
background-color: #fffacc;
text-align: left;
}
.NewCustomer form
{
margin-bottom: 5px;
}
.NewCustomer input[type='checkbox']{
cursor: pointer;
}
.NewCustomerBlock
{
display: inline-block;
width: 30%;
min-width: 80px;
margin-left: 5px
}
.NewCustomerBlock strong
{
width: 90%;
}
.NewCustomerBlock input
{
width: 90%;
}
.NewCustomerBlock textarea
{
max-width: 90%;
max-height: 100px;
}
.PurchasePlanPage
{
width: 90%;

}
.PurchasePlanPage td
{
width: 50%;

}
.PurchasePlanPage table
{
width: 75%;
table-layout:fixed;
border-collapse: collapse;
}
.PurchasePlanPage #Terms
{
width: 90%;
max-height: 200px;
}
.PurchasePlanPage #submit
{
width: 25%;
min-width: 120px;
max-width: 300px;
}
.Btn
{
width: 25%;
font-size: 1.25em;
height: 55px;
cursor: pointer;
}
.CheckBoxSelect{
cursor: pointer;
}
.DataGraph
{
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		max-height: 60%;
		max-width: 60%;	
	}
}